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>

 





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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
智慧校园整体解决方案是响应国家教育信息化政策,结合教育改革和技术创新的产物。该方案以物联网、大数据、人工智能和移动互联技术为基础,旨在打造一个安全、高效、互动且环保的教育环境。方案强调从数字化校园向智慧校园的转变,通过自动数据采集、智能分析和按需服务,实现校园业务的智能化管理。 方案的总体设计原则包括应用至上、分层设计和互联互通,确保系统能够满足不同用户角色的需求,并实现数据和资源的整合与共享。框架设计涵盖了校园安全、管理、教学、环境等多个方面,构建了一个全面的校园应用生态系统。这包括智慧安全系统、校园身份识别、智能排课及选课系统、智慧学习系统、精品录播教室方案等,以支持个性化学习和教学评估。 建设内容突出了智慧安全和智慧管理的重要性。智慧安全管理通过分布式录播系统和紧急预案一键启动功能,增强校园安全预警和事件响应能力。智慧管理系统则利用物联网技术,实现人员和设备的智能管理,提高校园运营效率。 智慧教学部分,方案提供了智慧学习系统和精品录播教室方案,支持专业级学习硬件和智能化网络管理,促进个性化学习和教学资源的高效利用。同时,教学质量评估中心和资源应用平台的建设,旨在提升教学评估的科学性和教育资源的共享性。 智慧环境建设则侧重于基于物联网的设备管理,通过智慧教室管理系统实现教室环境的智能控制和能效管理,打造绿色、节能的校园环境。电子班牌和校园信息发布系统的建设,将作为智慧校园的核心和入口,提供教务、一卡通、图书馆等系统的集成信息。 总体而言,智慧校园整体解决方案通过集成先进技术,不仅提升了校园的信息化水平,而且优化了教学和管理流程,为学生、教师和家长提供了更加便捷、个性化的教育体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值