求解 js 控制 audio 的问题。

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3728 天前的主题，其中的信息可能已经有所发展或是发生改变。

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>audio.js</title>
</head>
<body>

<script>
var audio ;
window. onload = function(){
initAudio();
}
var initAudio = function(){
audio = document.getElementById('audio');
}
function getCurrentTime(id){
alert(parseInt(audio.currentTime) + '：秒');
}

function playOrPaused(id,obj){
if(audio.paused){
audio.play();
obj.innerHTML='暂停';
return;
}
audio.pause();
obj.innerHTML='播放';
}
function vol(id,type , obj){
if(type == 'up'){
var volume = audio.volume + 0.1;
if(volume >=1 ){
volume = 1 ;

}
audio.volume = volume;
}else if(type == 'down'){
var volume = audio.volume - 0.1;
if(volume <=0 ){
volume = 0 ;
}
audio.volume = volume;
}
document.getElementById('nowVol').innerHTML = returnFloat1(audio.volume);
}
function muted(id,obj){
if(audio.muted){
audio.muted = false;
obj.innerHTML = '静音';
}else{
audio.muted = true;
obj.innerHTML = '取消静音';
}
}
function returnFloat1(value) {
value = Math.round(parseFloat(value) * 10) / 10;
if (value.toString().indexOf(".") < 0){
value = value.toString() + ".0";
}
return value;
}
</script>

<a href="javascript:void(0);" onclick="playOrPaused('firefox',this);">暂停</a>
<a href="javascript:void(0);" onclick="muted('firefox',this);">静音</a>
<input type="button" value="+" id="upVol" onclick="vol('firefox' , 'up' , this )"/>音量<input type="button" value="-" onclick="vol('firefox' , 'down' ,this )"/>
<audio src="rm.mp3" id="audio" autoplay loop style="width:400px;margin:20px;"></audio>
当前音量：<span id="nowVol"> 1</span>

</body>
</html>

－－－－－－－－－－－－－－－－－－－－－－

＊本人ui设计狗一只，只会写html，不懂js，这是从网上扒的一段js。现在我想通过增加
<a href="javascript:void(0);" onclick="playOrPaused('firefox',this);">暂停</a>
<a href="javascript:void(0);" onclick="muted('firefox',this);">静音</a>
<input type="button" value="+" id="upVol" onclick="vol('firefox' , 'up' , this )"/>音量<input type="button" value="-" onclick="vol('firefox' , 'down' ,this )"/>
<audio src="rm.mp3" id="audio" autoplay loop style="width:400px;margin:20px;"></audio>
当前音量：<span id="nowVol"> 1</span>
这些代码，就可以同时在一个页面里播放多个音频，并且每个音频的“暂停” “静音” “音量控制”都是独立的，但是我现在直接增加好像没用。求指教。。。

＊我是js白痴，最好能给我个demo，那简直不胜感谢。！～～

目前尚无回复

onclick=audio Volume