ITPub博客

首页 > 应用开发 > > JavaScript教程:基于 createjs 的html5声音操作示例

JavaScript教程:基于 createjs 的html5声音操作示例

作者:welchang 时间:2019-08-21 17:00:26 0 删除 编辑

CreateJS是基于HTML5开发的一套模块化的库和工具。基于这些库,可以非常快捷地开发出基于HTML5的游戏、动画和交互应用。

声音示例 Sound

<!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/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-07-17

  • 博文量
    252
  • 访问量
    17989