audio标签控制音量_audio 基本功能实现（audio停止播放,audio如何静音,audio音量控制等）...

audio声音控制

//注意某些浏览器有权限无法自动播放//声音控制

varmy_audio={

obj:null,

is_auto_play:false,

is_loop:false,

set:function(a){varself=this;

self.obj=newAudio(a.url);if(a.auto){

self.is_auto_play=true;

self.play();

}if(a.loop){

self.is_loop=true;

}

play:function(){varself=this;

self.obj.play();if(self.is_loop){

self.obj.οnended= function() {

self.play();

};

}

pause:function(){varself=this;

self.obj.pause();

stop:function(){varself=this;

self.obj.pause();

self.obj.currentTime= 0.0;

muted:function(){varself=this;

self.obj.muted?self.obj.muted= false: self.obj.muted= true;

volume_add:function(){varself=this;

self.obj.volume=self.obj.volume+ 0.1;

volume_minus:function(){varself=this;

self.obj.volume=self.obj.volume- 0.1;

init:function(a){varc= function(s) {varr={};for(varkins) {

r[k]= typeofs[k]==="object" ?c(s[k]) : s[k];

}returnr;

}varself=c(my_audio);

self.set(a);returnself;

}

}varaudio_bg=my_audio.init({url:"video/bg.mp3",auto:true});varaudio_gift=my_audio.init({url:"video/gift.mp3",loop:true});varaudio_bomb=my_audio.init({url:"video/bomb.mp3"});

播放背景

暂停背景

停止背景

静音背景

增加背景音

减少背景音

播放gift

暂停gift

停止gift

静音gift

增加gift音

减少gift音

播放bomb

暂停bomb

停止bomb

静音bomb

增加bomb音

减少bomb音

audio标签控制音量_audio 基本功能实现（audio停止播放,audio如何静音,audio音量控制等）...相关推荐

audio 标签简介
定义和用法 <audio> 标签定义声音,比如音乐或其他音频流. 实例一段简单的 HTML 5 音频: <audio src="someaudio.wav"&g ...
audio标签控制音量_html中audio标签的使用
在HTML5标准网页里面,我们可以运用audio标签来完成我们对声音的调用及播放.以下是最经常见到的运用HTML5三种基本格式: 1.最少的代码 2.带有不兼容提醒的代码 Your browser d ...
audio标签禁止下载功能
一个页面用于音乐试听,发现audio标签可以右键下载或者点击三个小点下载将audio设置为如下即可: <audio :style='{"width":"300px ...
微信小程序web-view使用audio标签播放音频文件时无法自动播放的问题
重点: 这个解决方法仍然最少还是需要点击一次才可以, 完全不点击就自动播放的方法暂时还是没有找到 1. 背景我要实现的功能是语音导航, 需要将导航的信息通过文字转换成语音, 然后播放出来. 现在就差 ...
html video标签 mp3,html5中的video标签和audio标签详解
一.基础 src 音乐资源的路径 autoplay 播放 controls 控制面板 loop 循环播放 muted 初始静音 audio支持的音乐格式有mp3 ogg wav 你的浏览器太辣鸡了,不 ...
php中文歌词,详细介绍HTML5使用Audio标签实现歌词同步的效果
HTML5的最强大之处莫过于对媒体文件的处理,如利用一个简单的vedio标签就可以实现视频播放.类似地,在HTML5中也有对应的处理音频文件的标签,那就是audio标签.通过本文给大家介绍HTML5使 ...
audio标签的播放、暂停、重播、进度拖拽等操作
前言最近在做题库项目的时候,需要对听力题进行手动控制等一系列操作,其中最主要的用到的一些方法就是loadeddata.timeupdate.ended等,次功能花了不少时间,此文仅作记录,不喜勿喷, ...
HTML5使用Audio标签实现歌词同步的效果
HTML5的最强大之处莫过于对媒体文件的处理,如利用一个简单的vedio标签就可以实现视频播放.类似地,在HTML5中也有对应的处理音频文件的标签,那就是audio标签 HTML5出来这么久了,但是 ...
Javascript控制html5 Audio标签
Javascript控制html5 Audio标签 9 Replies 在上一篇文章:Html5 audio标签(属性)的使用详解中已经把关于audio标签的如何使用以及支持属性说清楚了.这里写篇文章 ...
HTML5 Audio标签方法和函数API介绍
问说网 > 文章教程 > 网页制作 > HTML5 Audio标签方法和函数API介绍 Audio APIHTML5HTML5 Audio预加载 HTML5 Audio标签方法和函 ...

audio标签控制音量_audio 基本功能实现（audio停止播放,audio如何静音,audio音量控制等）...

audio标签控制音量_audio 基本功能实现（audio停止播放,audio如何静音,audio音量控制等）...相关推荐

最新文章

热门文章