我是靠谱客的博主 务实小蘑菇,这篇文章主要介绍使用JS生成Audio元素1. document.createElement()方法2. new Audio()3. 相关资料,现在分享给大家,希望可以做个参考。

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

 

1. document.createElement()方法

使用如下代码:

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

 

2. new Audio()

先来看构造函数的语法

复制代码
1
mySound = new Audio([URLString]);

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

具体使用方法

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

3. 相关资料

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

最后

以上就是务实小蘑菇最近收集整理的关于使用JS生成Audio元素1. document.createElement()方法2. new Audio()3. 相关资料的全部内容,更多相关使用JS生成Audio元素1.内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(70)

评论列表共有 0 条评论

立即
投稿
返回
顶部