the study of volume change

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
这样才能进行比较。