[英]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.