this is a test of change the volume .
2017.11.6 monday
some material:
http://blog.csdn.net/lllllllllaaa/article/details/78161413?locationNum=9&fps=1
音频视频属性处理:
audio
<audio src="files/双笙%20-%20九九八十一.mp3" preload="none" controls="controls"></audio>
(1) src():本地储存的音频文件的地址
(2) controls:由于浏览器提供的音频控件
(3) preload:预加载,让文件先进性缓冲,优化播放速度。
三个可选值:auto对整个音频文件进行加载,默认值
Metadata:只加载文件的元数据(第一帧,播放总时间,播放列表)
(4)Autoplay:自动播放,布尔类型,在标签内使用时默认为true
(5) Loop:循环播放,布尔类型,在标签内使用时默认true
可脚本控制的属性值 (1)muted,布尔类型,当他的值为true是开启静音,值为false时关闭静音
function muted(obj){
if(audio.muted){
audio.muted = false;
obj.innerHTML = "开启静音"
}else{
audio.muted = true
obj.innerHTML = "关闭静音"
}
}
(2)currentTime,获取已播放的时间
//获取已播放音频的总时长
function getCurrentTime(){
alert(audio.currentTime);
}
(3)duration,获取总时长
//获取音频总时TotalTime(){
function getTotalTime(){
alert(audio.duration+"秒");
}
(4)隐藏或者显示
//隐藏或者显示
function hideOrShow(obj){
if(audio.controls){
audio.removeAttribute("controls");
obj.innerHTML = "显示"
return
}
audio.controls = "controls";
obj.innerHTML = "隐藏";
}
可脚本控制的属性值
(1)muted,布尔类型,当他的值为true是开启静音,值为false时关闭静音
function muted(obj){
if(audio.muted){
audio.muted = false;
obj.innerHTML = "开启静音"
}else{
audio.muted = true
obj.innerHTML = "关闭静音"
}
}
(2)vol:通过改变函数中定义的volume的值来控制音量的大小
Vo Lome范围:0.0~~1.0 超出范围会报错
video
标签属性:
1、 Poster():给视频设置第一帧(封面)。
2、 A
常用方法:
1、 playBySeconds():通过currentTIme的值设置视频开始播放的位置(播放点)
function playBySeconds(){
video.currentTime=5;
}
2、 etPlaySpeed():通过改变playbackRate的值来改变播放速度。
function setPlaySpeed(){
video.playbackRate=3;
}
3、 duration():返回视频总时间长
function duration(){
alert(video.duration)
}
4、 onended:当视频播放完成后自动触发的事件
video.onended=function(){
alert("视频播放完成")
}
http://www.frontopen.com/3122.html
<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);" οnclick="getCurrentTime('firefox');">获取播放时间</a>
<a href="javascript:void(0);" οnclick="playOrPaused('firefox',this);">播放</a>
<a href="javascript:void(0);" οnclick="hideOrShowControls('firefox',this);">隐藏控制框</a>
<a href="javascript:void(0);" οnclick="muted('firefox',this);">开启静音</a>
<input type="button" value="+" id="upVol" οnclick="vol('firefox' , 'up' , this )"/>音量<input type="button" value="-" οnclick="vol('firefox' , 'down' ,this )"/>
<audio src="/images/audio/Never Say Good Bye.ogg" id="audio" controls="controls" ></audio>
当前音量:<span id = "nowVol"> - </span>
- 本文固定链接: http://www.frontopen.com/3122.html
- 转载请注明: 品味人生 2014年07月21日 于 前端开拓者 发表
https://zhidao.baidu.com/question/11652851.html
地址可以通过修改它的src属性来改变,音量可以使用它的volume 来改变,它的范围为-10000到0。
举一下改变声音的例子吧。
<SCRIPT Language="VBScript">
Function btnUp_OnClick()
Dim iVolume
iVolume = document.all.oSound.volume + 500
If iVolume < 0 Then
document.all.oSound.volume = iVolume
End If
End Function
Function btnDown_OnClick()
Dim iVolume
iVolume = document.all.oSound.volume - 500
If iVolume > -10000 Then
document.all.oSound.volume = iVolume
End If
End Function
Function btnSilence_OnClick()
document.all.oSound.volume = -10000
End Function
</SCRIPT>
<bgSound src="音乐地址" id="oSound"/>
<button name="btnUp">加大</button>
<button name="btnDown">减小</button>
<button name="btnSilence">静音</button>
---------------------------------------------
你定义了一个变量,但没有赋值,所以不行,你需要对它进行赋值,如:
Dim iVolume
iVolume = document.all.oSound.volume
这样才能进行比较。