1 
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）すべての曲のリンクが1行にブレンドされています。各liはulの子であるため、これはなぜですか？2）曲のリンク用にaddEventListnerを作成しようとしましたが、実際に曲を再生する参照関数がわかりません。

4

1 に答える 1

-1

グローバルなul=display：inlineが表示されませんでした。

新しい曲ごとにaudiosrcを再割り当てする必要があります。javascript Audioオブジェクトを使用して、各曲にオブジェクトを再利用しました。

于 2012-08-30T23:11:08.723 に答える