[英]Javascript HTML5 Audio- Which function to reference in addEventListner for songs?
function media () {
var div = document.createElement("div");
div.setAttribute("class", "container");
foo.appendChild(div);
var audio = document.createElement("audio");
audio.setAttribute("controls", "controls");
var source = document.createElement("source");
source.setAttribute("src", "media/dimples.ogg");
source.setAttribute("type", "audio/ogg");
source.setAttribute("src", "media/dirty_feeling.ogg");
source.setAttribute("type", "audio/ogg");
source.setAttribute("src", "media/suzieq.ogg");
source.setAttribute("type", "audio/ogg");
source.setAttribute("src", "media/wear_my_ring.ogg");
source.setAttribute("type", "audio/ogg");
audio.appendChild(source);
div.appendChild(audio);
var ul = document.createElement("ul");
ul.setAttribute("id", "playlist");
var li = document.createElement("li");
var a = document.createElement("a");
a.setAttribute("href", "#song1");
var text = document.createTextNode("Dimples");
a.appendChild(text);
li.appendChild(a);
ul.appendChild(li);
li = document.createElement("li");
a = document.createElement("a");
a.setAttribute("href", "#song2");
text = document.createTextNode("Dirty Feeling");
a.appendChild(text);
li.appendChild(a);
ul.appendChild(li);
li = document.createElement("li");
a = document.createElement("a");
a.setAttribute("href", "#song3");
text = document.createTextNode("Suzie Q");
a.appendChild(text);
li.appendChild(a);
ul.appendChild(li);
li = document.createElement("li");
a = document.createElement("a");
a.setAttribute("href", "#song4");
text = document.createTextNode("Wear My Ring");
a.appendChild(text);
li.appendChild(a);
ul.appendChild(li);
div.appendChild(ul);
foo.lastChild.scrollIntoView();
musicColors();
}
这是我创建媒体播放器的第一手尝试。 它必须使用Javascript,并且我拒绝使用jquery(请不要使用jquery建议)。
我有2个问题,请:1)所有歌曲链接都融合在一起。 为什么这样,因为每个李都是ul的孩子? 2)我打算为歌曲链接创建一个addEventListner,但是我不确定要引用哪个函数实际播放歌曲?
我有一个全局ul = display:inline我没看到。
需要为每首新歌重新分配音频src。 我使用了JavaScript音频对象,并为每首歌曲重用了该对象。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.