JS 播放声音

var shakesound;
function initsound() {
    soundOn = true;
    shakesound = document.getElementById(‘shakesound‘);
}

var soundOn = false;
var audioTracks = [ // 8 tracks is more than enough
  new Audio(), new Audio(), new Audio(), new Audio(), new Audio(), new Audio(), new Audio(), new Audio()
];
function soundIsPlaying(sound) {
    return !sound.ended && sound.currentTime > 0;
}
function playSound(sound) {
    if (!sound) return;
    var track, index;
    sound.play();
    if (soundOn) {
        if (!soundIsPlaying(sound)) {
            sound.play();
        }
        else {
            for (i = 0; index < audioTracks.length; ++index) {
                track = audioTracks[index];
                if (!soundIsPlaying(track)) {
                    track.src = sound.currentSrc;
                    track.load();
                    track.volume = sound.volume;
                    track.play();
                    break;
                }
            }
        }
    }
}
        <audio id=‘shakesound‘ width="0" height="0" preload="auto" controls="controls" style="z-index: -100; width: 0; height: 0; position: absolute;">
            <source src=‘sounds/shake.mp3‘ type=‘audio/mp3‘>
            <source src=‘sounds/shake.ogg‘ type=‘audio/ogg‘>
            <source src=‘sounds/shake.wav‘ type=‘audio/wav‘>
        </audio>

JS 播放声音

时间: 2024-08-01 04:30:39

JS 播放声音的相关文章

js 播放声音文件

from:http://hi.baidu.com/xykking/item/7f64a04364e43ce4bdf45127 我在做项目的时候,也遇到了这个问题,可以灵活的使用下面的这两种方法,我使用的是第二种,当然如果附加上ajax,可能效果会更好点. 第一:在页面body里加上 <bgsound id="snd" loop="0" src=""> 然后再<head></head>之间加上 <scrip

webapp应用---cordova.js 3.7.0插件安装总结

今天是2014年的最后一天,年终总结什么的就不写了.记录一下今天的工作内容.如果不知道phoneGap,那么就不需要往下看了,phoneGap现在已经叫cordova了,叫什么不重要,重要的是它对web移动应用的开发很重要,如果你正在查找关于cordova.js 插件安装方面的工作,那么本文或许对你有用. cordoval.js目前最新的版本是3.7.0,较之前的2.xxx系列,最大的变化是把功能进行了插件化,或者说是模块化也行.这样做的好处呢是开发者可以按需加载自己的功能插件,减小文件体积,同

网站首页常用js

脚本1:进入主页以后自动播放声音 <embed src="pnm://202.102.249.115/xdl42103_.rm" hidden=true autostart=true loop=true> 脚本2:进入主页后自动最大话,省的去在自己单击了<script>self.moveTo(0,0)self.resizeTo(screen.availWidth,screen.availHeight)</script> 脚本3:显示现在时间的脚本&l

网页自动播放声音

<script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function(){ //这里参考了以下两个站点的介绍 //http://www.w3school.com.cn/html/html_audio.asp //http://www.zhanxin.info/de

Web 播放声音 — Flash 篇 (播放 AMR、WAV)

本文主要介绍 Flash 播放 AMR 格式 Base64码 音频. 在此之前么有接触过 Flash ,接触 AS3 是一头雾水,不过幸好有 TypeScript 和 JavaScript 的基础看起来不是很费劲,现学现卖的就是开了 ”跳坑“ 之旅~~~ 1.实现思路 起初一点实现思路都木有,不知道该从何做起,只知道用 Flash 播放 AMR ,度娘谷姐的一顿找,结果可想而知,没有糟糕,只有十分糟糕,哈哈. 后来想了想,凡事都得有个思路,不能闷头干,瞬间恍然大悟,为自己浪费的快一天的时间,感到

Web 播放声音 — AMR(Audio) 篇

本文主要介绍 AMR(Aduio) 播放 AMR 格式 Base64码 音频. 1.必备资料 github AMR 开源库 :https://github.com/jpemartins/amr.js用心把这个项目看一遍,对于我下面说的话,可以忽略啦,代码是最好的文章,哈哈~~ 2.核心 JS 库 :amr.js .pcmdata.min.js.libamr-nb.js (g上述ithub项目中有另外三个js,我给合成一个amr.js,不要混乱)这三个 JS 是播放声音的主要依赖,下面一 一 介绍

【原创】使用JS封装的一个小型游戏引擎及源码分享

1 /** 2 * @description: 引擎的设计与实现 3 * @user: xiugang 4 * @time: 2018/10/01 5 */ 6 7 /* 8 * V1.0: 引擎实现的基本模块思路 9 * 1.创建一个游戏引擎对象及精灵对象 10 * 2.将精灵对象添加到引擎中去,并实现播放动画效果以及需要用到的回调方法 11 * 3.启动引擎 12 * */ 13 14 /* 15 * V2.0: 实现游戏循环模块 16 * 1.如果游戏暂停了,就跳过以下各步骤,并在100毫

基于JS和JQuery实现的两种时钟效果(4)

在上一篇博文中使用了js实现了时钟的案例,在这篇博文中将介绍使用JqueryRotate插件简化时钟代码以及为时钟进行添加声音 使用JqueryRotate插件简化时钟 插件jqueryrotate优点 它可以实现旋转效果.jqueryrotate 支持所有主流浏览器,甚至包括 IE6,所以在兼容方面可以得到很好的保证.如果你想在低版本的 IE 中实现旋转效果,那么 jqueryrotate 是一个很好的选择. 首先看出现的问题效果: 可以看出时针分针秒针旋转的是图片的正中心 出现该错误的js代

canvas+howler.js 解决同页面视频、音频同时播放问题

一直感觉canvas很神奇很有趣,趁最近项目少,拿前端之前做的一个静态项目试了下水深,个中的经验和体会记录如下.1一.横竖屏转换1.canvas样式#canvas { width: 100%; height: 100%; top: 0; left: 0; display: block;}1234567把canvas缩放定位到屏幕内,以宽高中较小的一边为准.12.横竖屏处理function config() { winHeight = window.innerHeight; winWidth =