热门搜素： 电商 教育 视频 健康
新知榜公众号 随时随地查看资讯 手机访问更加便捷
热门搜素： 电商 教育 视频 健康
新知榜公众号 随时随地查看资讯 手机访问更加便捷
首页 > 行业观察 > HTML多媒体介绍及相关标签属性
HTML多媒体介绍及相关标签属性
新知榜官方账号
2023-11-01 08:41:17
本文介绍了HTML中多媒体的相关标签和属性，包括Audio音频和Video视频的基本语法和常用属性、方法，以及流媒体的相关协议和格式。
Audio支持格式有：Firefox：支持OggVorbis和WAVOpera：支持OggVorbis和WAVSafari：支持MP3，AAC格式，和MP4Chrome：支持OggVorbis，MP3，WAV，AAC和MP4InternetExplorer9+：支持MP3，AAC格式，和MP4IOS：支持MP3，AAC格式，和MP4Android：支持AAC和MP3
Audio基本语法：<audio src="xxxx.mp3" controls="controls" loop="loop" autoplay="autoplay">您的浏览器不支持html5的audio标签</audio>
常用属性和方法：currentTime，获取当前播放时间duration，获取歌曲的总时间play，播放pause，暂停loadstart，开始加载durationchange，时长数据变化loadedmetadata，元数据已加载progress，加载中canplay，可以播放canplaythrough，边缓冲边播放play()，播放歌曲pause()，暂停歌曲load()，重新加载歌曲
视频格式与流媒体video支持的视频的格式主要有三种：MP4、ogg、webm。Firefox：支持OggTheora格式和WEBMOpera：支持OggTheora格式和WEBMSafari：支持MP4Chrome：支持OggTheora格式，MP4和WEBMInternetExplorer9：支持MP4和WEBM(需要安装插件)IOS：支持MP4Android：支持MP4和WEBM(Android2.3版本以上)
Video基本语法：<video src="xxxx.mp4" controls="controls" loop="loop" autoplay="autoplay">您的浏览器不支持html5的video标签</video>
常用属性和方法：currentTime，获取当前播放时间duration，获取歌曲的总时间play，播放pause，暂停loadstart，开始加载durationchange，时长数据变化loadedmetadata，元数据已加载loadeddata，当前帧的数据已加载，无法播放下一帧progress，加载中canplay，可以播放canplaythrough，边缓冲边播放play()，播放视频pause()，暂停视频load()，重新加载视频
流媒体是指采用流式传输的方式在Internet播放的媒体格式(流媒体格式video标签是不支持的)。流媒体又叫流式媒体，它是指商家用一个视频传送服务器把节目当成数据包发出，传送到网络上。用户通过解压设备对这些数据进行解压后，节目就会像发送前那样显示出来。典型的流媒体格式：rtmp、rtsp、flv都是流媒体的传输协议。rtmp是Adobe公司提供的一个流媒体协议，使用的是TCP协议，稳定性好rtsp是Netscape网景公司提供的一种协议，使用的是UDP协议，实时性好flv是苹果公司提出的一个流媒体的一个协议，也是使用的TCP协议，把整个视频流切割成一段一段的m3u8文件
流媒体格式一般使用相关的插件进行播放，如Video.js，可以静态或动态加载，并使用相关属性和方法进行控制。
微信扫码咨询 
相关工具
相关文章
相关快讯
短视频知识人物影响力榜
新知榜独家 {{faTime.effecttime}}发布
总榜
人物 领域 粉丝数 影响力指数
{{item.manIndex}}
{{item.nickname}} {{item.field}}
{{item.fs}}
{{item.effect}}
