dA_*_*OwN 35 javascript audio onclick
我有一个javascript代码,可以在点击时启动声音.它适用于chrome,但在Firefox上它启动onload,但我也想在它上面点击它.
有人可以帮忙吗？
<script>
var audio = new Audio("http://music.ogg" ) ;
audio.oncanplaythrough = function(){
audio.play();
}
audio.loop = true;
audio.onended = function(){
audio.play();
}
</script>
<input type="image" src="http://button.png" onclick="audio.play()">
Aru*_*mar 64
试试这个
<!DOCTYPE HTML>
<html>
<head>
<title>Audio</title>
</head>
<body>
<script>
function play(){
var audio = document.getElementById("audio");
audio.play();
}
</script>
<input type="button" value="PLAY" onclick="play()">
<audio id="audio" src="http://dev.interactive-creation-works.net/1/1.ogg" ></audio>
</body>
</html>
小智 15
JavaScript
function playAudio(url) {
new Audio(url).play();
}
HTML
<img src="image.png" onclick="playAudio('mysound.mp3')">
大多数现代浏览器都支持，并且易于嵌入到 HTML 元素中。
小智 5
那行得通
<audio src="${ song.url }" id="audio"></audio>
<i class="glyphicon glyphicon-play-circle b-play" id="play" onclick="play()"></i>
<script>
function play() {
var audio = document.getElementById('audio');
if (audio.paused) {
audio.play();
$('#play').removeClass('glyphicon-play-circle')
$('#play').addClass('glyphicon-pause')
}else{
audio.pause();
audio.currentTime = 0
$('#play').addClass('glyphicon-play-circle')
$('#play').removeClass('glyphicon-pause')
}
}
</script>
你可以用两行来做
let playSound = () => new Audio("src").play()<button onclick="playSound()">Play</button>| 归档时间： |
|
| 查看次数： |
137228 次 |
| 最近记录： |