导航:首页 > 编程语言 > js音频控制

js音频控制

发布时间:2024-12-26 21:18:10

A. js禁止播放音频

查看一下JS中的代码,把音频播放的那一段删掉就好了,若怕删掉后不能正常运行,就把那个音频的URL成无效路径就好了

B. js中怎么让音频重复播放

然后这个是主要的js方法:

function Orderprocessing1(){
var vid = document.getElementById("myVideo");//获取音频对象
var start = 0;//定义循环的变量
var times=3;//定于循环的次数
vid.addEventListener("ended",function() {
vid.play();//启动音频,也就是播放内
start++;//循环
start == times && vid.pause();//也就是当循环的变量等于次数的时候,就会终止循环并且关掉音频
});
vid.play();//启动音频,用于第一次启动
}

如果你想调用这个方法可以写一个click事件,或者写个js方法调用:

$(function(){
setInterval("Orderprocessing1()",60000);//每隔1分钟自动调用一次启动音频的方容法
});

本人也是菜鸟一个,写这些只为整理下来以后自己看

C. 如何用js控制audio元素连续播放mp3文件

1、首先我们先来看一下音频元素最基本的应用以及样式,如下图所示,运用audio元素即可,controls是用来控制是否显示控制条。

D. 想用怎么用js实现播放音频。

1、播放音乐需要区分浏览器,来使用不用的对象来播放音乐

2、在播放控制上要有【播放】和【停止】来控制音乐的播放

基于以上思路,代码如下:

<SCRIPTtype="text/javascript">
if(-1!=navigator.userAgent.indexOf("MSIE"))
{
//不是微软IE浏览器,则调用Flash来播放音乐
document.write('<OBJECTid="Player"');
document.write('classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6"');
document.write('width=0height=0><paramname="URL"value="a.mp3"/><paramname="AutoStart"value="false"/></OBJECT>');
}
else
{
//是微软IE浏览器,则调用微软的Player对象来直接播放音乐
document.write('<OBJECTid="Player"');
document.write('type="application/x-ms-wmp"');
document.write('autostart="false"src="a.mp3"width=0height=0></OBJECT>');
}
</SCRIPT>
<inputtype=buttonvalue="播放"onclick="Player.controls.play();"/>
<inputtype=buttonvalue="停止"onclick="Player.controls.stop();"/>

E. h5 audio代码怎么控制音量

<audio>标签可以在HTML5浏览器中播放音频文件。
<audio>默认提供一个控制面板,但是有些时候我们只需要播放声音,控制面板由我们自己来定义其显示的状态。
这里我们可以使用JS来进行控制,代码如下:
var audio ;
window.onload = function(){
initAudio();
}
var initAudio = function(){
//audio = document.createElement("audio")
//audio.src='Never Say Good Bye.ogg'
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 hideOrShowControls(id,obj){
if(audio.controls){
audio.removeAttribute('controls');
obj.innerHTML = '显示控制框'
return;
}
audio.controls = 'controls';
obj.innerHTML = '隐藏控制框'
return;
}
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;
}

调用方式如下:
<a href="javascript:void(0);" onclick="getCurrentTime('firefox');">获取播放时间</a>
<a href="javascript:void(0);" onclick="playOrPaused('firefox',this);">播放</a>
<a href="javascript:void(0);" onclick="hideOrShowControls('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="/images/audio/Never Say Good Bye.ogg" id="audio" controls="controls" ></audio>

当前音量:<span id = "nowVol"> - </span>

阅读全文

与js音频控制相关的资料

热点内容
iphone修改名称 浏览:843
win10开启蓝光护眼 浏览:745
如何网络共享扫描仪 浏览:19
联盟28级去哪里升级好 浏览:687
电脑不能网络连接 浏览:651
现场监理文件多少卷 浏览:807
vbnet同步数据库 浏览:314
招商银行app在哪里查银行状态 浏览:124
除了沙发管家还有什么app 浏览:44
苹果怎么更改安装包文件夹 浏览:892
40岁以上看什么app 浏览:758
手机网络怎么这么卡 浏览:270
jstab定位 浏览:925
win10有产品密匙 浏览:971
张艺兴微信粉丝群 浏览:432
在哪个app看各个博导招生信息 浏览:611
hp280prog2mt装win10 浏览:733
linux安装vnc包 浏览:740
哪个网站房子挂牌价靠谱 浏览:16
迷你编程迷小酷碎片获取后怎么激活 浏览:286

友情链接