HTML多媒体,主要分为Audio影音和Video影音。1:音频基本语法src指定当前播放的音频文件,控制播放控制器,loop歌曲循环,autoplay自动播放(chrome66后禁止)主流浏览器已经关闭自动播放,需要js触发,preload预加载,如果使用自动播放属性预加载,它将失败。您的浏览器不支持html5的audio标签音频支持以下格式:Firefox:支持OggVorbis和WAVOpera:支持OggVorbis和WAV Safari:支持MP3、AAC和MP4 Chrome:支持OggVorbis、MP3、WAV、AAC和MP4 InternetExplorer9+:支持MP3、AAC、andMP4 IOS:支持MP3,AAC格式,MP4 Android:支持AAC,MP3Audio不仅是HTML标签,还是一个window对象。既然是对象,就有方法和属性。currentTime对象常用属性和方法,获取当前播放时长,获取歌曲播放总时长,playaudio.addEventListener("play",()=>{});audio.onplay=()=>{}pause,暂停loadstart,开始加载durationchange,时长数据变化loadedmetadata,元数据加载进度,loadingcanplay,可以播放canplaythrough,边缓冲边播放play(),播放歌曲pause(),暂停歌曲load(),在.js无法直接播放之前重新加载歌曲Audio音频浏览器。如果需要播放音频,则需要Flash插件。后来随着Audio.js的出现,播放音频就不需要依赖flash插件了。Flash是用as写的,有点类似JavaScript,但是有一些门槛。在此基础上,出现了很多Audio插件。音频插件做两件事,一是兼容旧浏览器(http://kolber.github.io/audiojs/),二是美化和定制浏览器的外观。//加载audio.js//静态加载//动态加载2:视频基本语法src源,控制播放控制器,循环循环播放,自动播放自动播放,高度,宽度,宽度和高度,不能在Audio中指定,但可以在Video中指定,静音,海报预览(在视频未播放或加载图片时显示给用户,以方便交互),preload预加载,和autoplay结合使用会失败。您的浏览器不支持html5视频标签Video对象的常用属性和方法:currentTime,获取当前时间播放时长,获取歌曲的总播放时长,playvideo.addEventListener("play",()=>{});video.onplay=()=>{}pause,暂停loadstart,开始加载durationchange,时长数据改变loadedmetadata,元数据已经加载loadeddata,当前帧的数据已经加载,下一帧进度无法播放,canplay正在加载,canplaythrough可以播放,play()边缓冲边播放,返回一个promisepause()播放视频,视频加载暂停(),重新加载视频视频格式和流式视频主要有三个视频支持的格式:MP4、ogg、webm。Firefox:支持OggTheora格式和WEBMopera:支持OggTheora格式和WEBMSafari:支持MP4Chrome:支持OggTheora格式、MP4和WEBMInternetExplorer9:支持MP4和WEBM(需安装插件)IOS:支持MP4Android:支持MP4和WEBMWEBM(Android2.3以上)流媒体是指以流的形式在互联网上播放的媒体格式(不支持流媒体格式video标签)。流媒体又称流媒体,是指企业使用视频传输服务器,将节目以数据包的形式发送到网络上。用户通过解压器对数据进行解压后,程序将显示为传输前的状态。典型的流媒体格式:rtmp、rtsp、flv都是流媒体传输协议。rtmp是Adobe提供的流媒体协议,使用TCP协议,稳定性好rtsp是Netscape网景提供的协议,使用UDP协议,实时性好flv是Apple提出的流媒体协议,也是使用TCP协议,将整个视频流切割成m3u8文件的片段Video.jsconstplayer=videojs('video',options,functiononPlayerReady(){this.play();this.on('ended',function(){videojs.log('playended');});});更多学习参考:https://9xkd.com/site/search....https://www.9xkd.com/site/sea...