我觉得DOM就像是元素周期表中的元素，而JS就像是实验仪器，通过各种化学反应，产生各种魔法。1Audio打开Goog??leChrome的devtools->Settings->Elements->ShowuseragentshadowDOM，可以看到Audio标签其实是由常用的input标签和div标签组成的。2基本使用1您的浏览器不支持音频元素
2您的浏览器不支持audio元素
//controlsList属性目前只支持chrome58+3您的浏览器不支持audio元素。
4可以看到它们在Chrome中的区别关于audio标签支持的音频类型，可以参考Audio#Supported_audio_coding_formats3常用属性autoplay：音频流文件准备就绪后是否自动播放“元数据”|“自动”|"""none"：不需要预加载"metadata"：只需要加载元数据，比如音频时长、文件大小等。"auto":自动优化整个流文件控件的下载："controls"|""是否显示控制循环:"loop"或""是否循环mediagroup:string是否合并多个视频或音频流src:音频地址4API(重点)load():加载资源play():播放暂停():pausecanPlayType():询问浏览器是否可以播放给定的MIME类型buffered():指定文件缓冲部分的开始和结束时间5常见事件：MediaEvents(key)当事件nameistriggeredloadstartstartsloadingprogressisloadingsuspend用户代理故意获取媒体数据失败，无法获取整个文件abortactiveterminaldownloadresourceisnotduetoerrorerrorerroroccurswhenobtainingresourceplaystartplayingpauseplaypauseloadedmetadatahasjustfetchedmetadataloadeddataisrenderingmetadataforfirsttimewaitingwaitingplayingplayingcanplay用户代理可以恢复播放媒体数据，但估计如果现在开始播放，则媒体资源无法以当前播放速率播放，直到其结束渲染而不进一步停止内容的缓冲。canplaythrough用户代理估计如果现在开始播放，媒体资源可以以当前播放速率呈现直到结束，而不会停止进一步的缓冲。timeupdate当前播放位置作为正常播放的一部分发生变化，或者以特别有趣的方式发生变化，例如不连续地。endedPlayendratechangemediaplaybackspeedchangedurationchangemediadurationchangevolumechangemediasoundsizechange6AudioDOM属性（重点）6.1只读属性duration：媒体时长，值，unitsent：是否结束播放，布尔值paused：是否结束pause，布尔值6.2其他可读可写属性（重点）playbackRate：播放速度，大部分浏览器支持0.5-4，1表示正常速度，设置该属性可以修改播放速度volume：0.0-1.0之间，设置该属性即可modifiedSoundsizemuted:是否静音，设置该属性为静音currentTime:指定播放位置的秒数//可以通过元素的属性seekable来确定媒体当前可以寻道的范围。它返回一个您可以查找的TimeRanges时间对象。varmediaElement=document.getElementById('mediaElementID');mediaElement.seekable.start();//返回开始时间（以秒为单位）mediaElement.seekable.end();//返回结束时间（以秒为单位）mediaElement.currentTime=122;//设置为122秒mediaElement.played.end();//返回浏览器播放的秒数下面的方法可以让音频以2倍速播放。您的浏览器不支持audio元素7常见问题及解决方法录音无法拖动，播放到一端自动停止：https://wenjs.me/p/about-mp3p...如何隐藏音频的下载按钮：https://segmentfault.com/a/11...找一个简单的录音播放插件：https://github.com/kolber/aud...8题外话：哪里可以查到权威信息？8.1W3C地址：https://www.w3.org/国内也有一个名字：w3school，但是资料实在是太少了，只适合初学者。最好查一下w3.org的资料8.2MDN地址：https://developer.mozilla.org...8.3维基百科地址：https://en.wikipedia.org/wiki...9参考W3C：the-audio-elementwikipedia:HTML5AudioW3C:HTML/Elements/audio浏览器中的原生音频HTMLMediaElement.playbackRate使用HTML5音频和视频
