CreateJS是基于HTML5开发的一套模块化的库和工具。基于这些库,可以非常快捷地开发出基于HTML5的游戏、动画和交互应用。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Sound</title>
<script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>
<script>
var volume = 1;
function playMusic() {
createjs.Sound.play("music");
}
function volDown() {
createjs.Sound.setVolume(volume -= 0.1);
}
function volUp() {
createjs.Sound.setVolume(volume += 0.1);
}
// chrome 浏览器网络音频策略
// https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#webaudio
window.onload = function() {
var context = new AudioContext();
createjs.Sound.registerSound('./music.mp3', "music");
}
</script>
</head>
<body>
<input type="button" value="play" onclick="playMusic();">
<input type="button" value="-" onclick="volDown()">
<input type="button" value="+" onclick="volUp()">
<input type="button" value="stop" onclick="createjs.Sound.stop()">
</body>
</html>黑码教主
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4830/viewspace-3122388/ ,如需转载,请注明出处,否则将追究法律责任。