选择歌曲时的 Javascript -HTML5 音频控制

Question

嗨，这是我目前根据选择的图像播放歌曲的代码：

Javascript

function Start (audioFile)
{
    var audie = document.getElementById("myAudio");
    audie.src = audioFile;
    audie.play();
}

function Stop ()
{
    var audie = document.getElementById("myAudio");
    audie.pause();
}

HTML5

<img src="images/play.png" alt="Play Button width="37" height="30" onclick="Start('EL.mp3')">

如何在选择按钮后立即显示带有所有控件的 HTML 5 音频播放器？我希望只有一个控制栏，每次点击播放按钮时都会出现该栏，并且可能会显示当前正在播放的歌曲。

Answer 1

首先，我建议使用 jquery 来编写 JavaScript。

HTML

<audio controls id="myAudio" style="display:none"> 

JavaScript

function Start (audioFile) 
{
    $("#myAudio").show();
    ...
}

function Stop ()
{
    $("#myAudio").hide();
    ...
}