HTML多媒体 ， 主要分为Audio 音频和 Video 视频。1：Audio基本语法src 指定当前播放的音频文件，controls播放控制器，loop歌曲循环，autoplay自动播放 (chrome66之后被克制)主流浏览器已经关闭了自动播放，需要js触发才行，preload 预加载，如果使用了autoplay这个属性preload就失效了。

Audio支持花样有：Firefox：支持 Ogg Vorbis和WAVOpera ：支持Ogg Vorbis和WAVSafari ：支持MP3，AAC花样 ，和MP4Chrome ：支持Ogg Vorbis，MP3，WAV，AAC和MP4Internet Explorer 9+ ：支持MP3，AAC花样 ，和MP4IOS ：支持MP3，AAC花样 ，和MP4Android ：支持AAC和MP3Audio 不光是一个HTML标签，它还是一个window工具。既然是工具，那就有方法和属性。工具的常用属性和方法currentTime，获取当前播放时间duration，获取歌曲的总时间play，播放audio.addEventListener("play",() => {});audio.onplay = () => {}pause，暂停loadstart，开始加载durationchange，时长数据变化loadedmetadata，元数据已加载progress，加载中canplay，可以播放canplaythrough，边缓冲边播放play()，播放歌曲pause()，暂停歌曲load()，重新加载歌曲Audio.js以前的Audio浏览器是不能直接播放的，如果需要播放一个音频需要借助一个flash插件。厥后有了Audio.js的泛起后，播放音频不用依赖flash插件了。

flash是使用as来编写的，它和JavaScript有点相像，可是有一些门槛，在此基础上，泛起了许多的Audio插件，audio插件做了两件事情，一件是旧版的浏览器兼容（http://kolber.github.io/audiojs/），第二件是美化自界说了浏览器的外观。// 加载audio.js// 静态加载// 动态加载

Video 工具常用的属性和方法：currentTime，获取当前播放时间duration，获取歌曲的总时间play，播放video.addEventListener("play",() => {});video.onplay = () => {}pause，暂停loadstart，开始加载durationchange，时长数据变化loadedmetadata，元数据已加载loadeddata，当前帧的数据已加载，无法播放下一帧progress，加载中canplay，可以播放canplaythrough ，边缓冲边播放play()，播放视频 返回一个promisepause() ，暂停视频load() ，重新加载视频视频花样与流媒体video支持的视频的花样主要有三种：MP4、ogg、webm。Firefox ：支持Ogg Theora花样和WEBMOpera ：支持Ogg Theora花样和WEBMSafari ：支持MP4Chrome ：支持Ogg Theora花样，MP4和WEBMInternet Explorer 9 ：支持MP4和WEBM(需要安装插件)IOS ：支持MP4Android ：支持MP4和WEBM(Android 2.3版本以上)流媒体是指接纳流式传输的方式在Internet播放的媒体花样(流媒体花样video标签是不支持的)。

流媒体又叫流式媒体，它是指商家用一个视频传送服务器把节目当成数据包发出，传送到网络上。用户通过解压设备对这些数据举行解压后，节目就会像发送前那样显示出来。典型的流媒体花样：rtmp、rtsp、flv都是流媒体的传输协议。rtmp 是Adobe公司提供的一个流媒体协议，使用的是TCP协议，稳定性好rtsp 是Netscape网景公司提供的一种协议，使用的是UDP协议，实时性好flv 是苹果公司提出的一个流媒体的一个协议，也是使用的TCP协议，把整个视频流切割成一段一段的m3u8文件Video.jsconst player = videojs('video', options, function onPlayerReady() { this.play(); this.on('ended', function() { videojs.log('播放竣事'); });});。

本文来源：雷火电竞首页-www.aocexp.com