美文网首页
使用JS生成Audio元素

使用JS生成Audio元素

作者: 再见田园犬 | 来源:发表于2015-06-12 20:43 被阅读6574次

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

  1. document.createElement()方法
    使用如下代码:
var audio = document.createElement('audio')  //生成一个audio元素
audio.controls = true  //这样控件才能显示出来
audio.src = 'xxxxx'  //音乐的路径
document.body.appendChild(audio)  //把它添加到页面中
  1. new Audio()
    先来看构造函数的语法
mySound = new Audio([URLString]);

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

具体使用方法

var audio = new Audio()
audio.controls = true  //这样控件才能显示出来
audio.src = 'xxxxx'  //音乐的路径
document.body.appendChild(audio)  //把它添加到页面中
  1. 来一发实例
    http://runjs.cn/code/1igyr8ul

  2. 相关资料
    https://developer.mozilla.org/en-US/docs/Web/API/HTMLAudioElement

相关文章

网友评论

      本文标题:使用JS生成Audio元素

      本文链接:https://www.haomeiwen.com/subject/vibjqttx.html