js控制浏览器音量大小暂停继续播放

最新推荐文章于 2023-10-26 09:03:52 发布

远方的李子

最新推荐文章于 2023-10-26 09:03:52 发布

阅读量1.9k

点赞数

分类专栏：前端 javascripter

本文链接：https://blog.csdn.net/freedom_fd/article/details/102651882

版权

javascripter 同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

前端

3 篇文章 0 订阅

订阅专栏

js控制浏览器音量大小暂停继续播放
用到SoundJS插件官网地址
简介 :
SoundJS提供了简单而强大的API来处理音频，大多数情况下这个类库都静态方式使用（无需创建实例）。通过插件来执行实际的音频实现，无需学习平台相关的知识，简单直接的处理声音

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	 
	<button onclick="action()" >开始</button>
	<button onclick="stop()" >stop</button>
	<input id="range" maxlength="1" type="range">
</body>
</html>
<script src="lib/soundjs.min.js" ></script>
<script src="lib/cordovaaudioplugin.js" ></script>
<script src="lib/flashaudioplugin.js" ></script>
<script src="lib/soundjs-NEXT.js" ></script>
<script src="lib/soundjs.js" ></script>
<script src="lib/soundjs-NEXT.js" ></script>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
 createjs.Sound.alternateExtensions = ["mp3"]; //播放类型
  createjs.Sound.on("fileload", handleLoad); //初始化加载方法
 createjs.Sound.registerSound("../mp3/派大星人生.wav", "myIDs", 2); //加载歌曲
 var myInstance;
function handleLoad() {
  	myInstance = createjs.Sound.play("myIDs"); //加载 音乐ID
   	myInstance.paused = true; //暂停播放
}
function action(){
	 myInstance.paused = false; //开始播放
}
function stop(){
	x = 0;
	 myInstance.paused = true; //暂停播放
}
$("#range").on("change",function(){
	num = $("#range").val()/100 ; //控制播放音量大小
	myInstance.volume = num;

})


</script>

远方的李子

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
js控制浏览器音量大小暂停继续播放

js控制浏览器音量大小暂停继续播放用到SoundJS插件官网地址简介 :SoundJS提供了简单而强大的API来处理音频，大多数情况下这个类库都静态方式使用（无需创建实例）。通过插件来执行实际的音频实现，无需学习平台相关的知识，简单直接的处理声音<!DOCTYPE html><html lang="en"><head> <meta c...
复制链接

扫一扫