使用Javascript制作声音按钮

能让按钮发出声音的脚本 这下不用制作flash按钮也可以了 我试用的感觉还不错 制作方法 新建文件 DynamicAudioButton js 代码

//Customize Dynamic Audio Link 自定义动态声音链接function DynamicAudioLink(){open( )}//Customize Dynamic Audio Mouse Over Color 自定义动态声音mouseover颜色function AudioOver() {document Audio button style background= # document Aulor= white }//Customize Dynamic Audio Mouse Down Color 自定义动态声音mousedown颜色function AudioDown() {document Aulor= #cccccc }//Customize Dynamic Audio Mouse Off Color 自定义动态声音mouseOff 颜色function AudioOut() {document Audio button style background= # document Aulor= #ffffff }//Customize Dynamic Audio sound 自定义动态声音function playHome() {document all sound src = bleep wav ;}document write( <bgsound id= sound > )//Customize Button Style 自定义按钮样式document write( <style type= text/css > + <! )document write( select{background:# ;border color: # ;color: #ffffff ;font family:Arial Helvetica Verdana;font size: pt;font weight: bold;} + > + </STYLE> )document write( <center><form name=Audio><input class= select name=button type= button value= Dynamic Audio onclick= DynamicAudioLink() onMouseOver= AudioOver();playHome() onMouseDown= AudioDown() onMouseOut= AudioOut() ></form></center> )

保存文件后 在页面相关处插入代码引用该JS文件

<Script language= JavaScript SRC= DynamicAudioButton js ></script>

lishixinzhi/Article/program/Java/JSP/201311/19721

<audio>标签可以在HTML5浏览器中播放音频文件。

<audio>默认提供一个控制面板，但是有些时候我们只需要播放声音，控制面板由我们自己来定义其显示的状态。

这里我们可以使用JS来进行控制，代码如下：

var audio ;

windowonload = function(){

initAudio();

}

var initAudio = function(){

//audio = documentcreateElement("audio")

//audiosrc='Never Say Good Byeogg'

audio = documentgetElementById('audio');

}

function getCurrentTime(id){

alert(parseInt(audiocurrentTime) + '：秒');

}

function playOrPaused(id,obj){

if(audiopaused){

audioplay();

objinnerHTML='暂停';

return;

}

audiopause();

objinnerHTML='播放';

}

function hideOrShowControls(id,obj){

if(audiocontrols){

audioremoveAttribute('controls');

objinnerHTML = '显示控制框'

return;

}

audiocontrols = 'controls';

objinnerHTML = '隐藏控制框'

return;

}

function vol(id,type , obj){

if(type == 'up'){

var volume = audiovolume + 01;

if(volume >=1 ){

volume = 1 ;

}

audiovolume = volume;

}else if(type == 'down'){

var volume = audiovolume - 01;

if(volume <=0 ){

volume = 0 ;

}

audiovolume = volume;

}

documentgetElementById('nowVol')innerHTML = returnFloat1(audiovolume);

}

function muted(id,obj){

if(audiomuted){

audiomuted = false;

objinnerHTML = '开启静音';

}else{

audiomuted = true;

objinnerHTML = '关闭静音';

}

}

//保留一位小数点

function returnFloat1(value) {

value = Mathround(parseFloat(value) 10) / 10;

if (valuetoString()indexOf("") < 0){

value = valuetoString() + "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 Byeogg" id="audio" controls="controls" ></audio>

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

游戏js音效加载失败解决方法如下。

先检查一下电脑右下角的小喇叭图标,看音量是否调到了最小,或者静音了,如果有请调之。

2

问题如果没有解决的话,在桌上面,我的电脑右键->管理->设备管理器,找到声音、视频和游戏控制器,双击展示,如果一旦下面有一项中出现了“**的感叹号”,那么就是声卡驱动出问题了,解决的方法,安装声卡驱动(去官方下载,或者有备份过驱动的恢复驱动,再或者简单一点的,下载个驱动精灵,让它寻找有问题的驱动更新一下就解决了)

3

或者打开控制面板,找到声音和音频设备,双击打开

vuejs

js音频录制#循环音频录制#vue录制音频#wav格式音频录制

最近的项目需要用到前端录制音频，然后转为base64编码或wav文件发送给后端，下面讲一下实现过程，首先调用navigategetUserMedia获取麦克风，不过这个方法浏览器会d警告已经被弃用，可以转为使用navigatemediaDevices，不过警告归警告，还是能用的，获得麦克风以后再new一个recorder，写好采样率和采样通道，这个recorder有很多

使用audio的buffered属性，该属性返回表示音频已缓冲部分的 TimeRanges 对象。

这里假定_audio为所获取的audio标签，实现代码如下：

 // 获取已缓冲部分的 TimeRanges 对象

var timeRanges = _audiobuffered;

 // 获取以缓存的时间

var timeBuffered = timeRagesend(timeRageslength - 1);

 // 获取缓存进度，值为0到1

var bufferPercent = timeBuffered / _audioduration; 

//  

// 之后将bufferPercent按照自己需要的方式进行处理即可

// 处理的时候要注意浮点数精度造成的误差。

以上就是关于使用Javascript制作声音按钮全部的内容，包括:使用Javascript制作声音按钮、h5 audio代码怎么控制音量、游戏js音效加载失败怎样解决等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！