使用JS生成Audio元素


我想自己写一个JS音乐播放器,所以这段时间一直在查看相关的资料.这次,就先记录一下,使用JS生成Audio元素的方法.

 

1. document.createElement()方法

使用如下代码:

1 var audio = document.createElement('audio') //生成一个audio元素 
2 audio.controls = true //这样控件才能显示出来 
3 audio.src = 'xxxxx' //音乐的路径 
4 document.body.appendChild(audio) //把它添加到页面中

 

2. new Audio()

先来看构造函数的语法

1 mySound = new Audio([URLString]);

返回对象的preload会被设置成auto,src的值会被设置成URLString的值

具体使用方法

1 var audio = new Audio()
2 audio.controls = true  //这样控件才能显示出来
3 audio.src = 'xxxxx'  //音乐的路径
4 document.body.appendChild(audio)  //把它添加到页面中


3. 来一发实例

http://runjs.cn/code/1igyr8ul

 

4. 相关资料

https://developer.mozilla.org/en-US/docs/Web/API/HTMLAudioElement

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM