随机音频列表在调用时不播放
Randomised Audio List is not playing when called
功能:
随机音频在游戏页面中播放 25 秒,然后在第 26 秒停止音频。
做了什么:
我为音频文件创建了一个数组列表,一种随机化音频列表的随机方法,最后是播放随机音频。
问题:
音频未播放,并显示以下错误消息;
索引.html:1221 未捕获的类型错误: PlaySound.play 不是一个函数
var audioList = ["lib/audio/Awesome.mp3", "lib/audio/Excellent.mp3", "lib/audio/Fantastic.mp3", "lib/audio/Great.mp3", "lib/audio/KeepitUp.mp3", "lib/audio/MatchGame.mp3", "lib/audio/MatchSpot1.mp3", "lib/audio/MatchSpot3.mp3"];
$('#DefaultGamePage').fadeIn({
duration: slideDuration,
queue: false,
complete: function() {
$('#DefaultGameTimer').show();
//Play Randomised Audio
var random_Play Audio = Math.floor(Math.random() * (audioList.length));
var PlaySound = audioList[random_PlayAudio];
PlaySound.play();
...(other game method)..
},
1000)
<div id="GamePage" style="display:none; position:absolute; z-index:20; top:0px; left:0px; width: 1080px; height: 1920px; margin:auto;">
<audio id="Play"></audio>
</div>
audioList
不是音频元素,而是array
,它没有方法play()
将AudioElement
的 src
属性设置为随机 audion 文件,并对具有 id 的元素使用play()
方法作为播放。
试试这个:
var audioList = ["lib/audio/Awesome.mp3", "lib/audio/Excellent.mp3", "lib/audio/Fantastic.mp3", "lib/audio/Great.mp3", "lib/audio/KeepitUp.mp3", "lib/audio/MatchGame.mp3", "lib/audio/MatchSpot1.mp3", "lib/audio/MatchSpot3.mp3"];
var playElem = $('#Play').get(0); //select audio element
var handler = function() {
var random_PlayAudio = Math.floor(Math.random() * (audioList.length));
playElem.src = audioList[random_PlayAudio];
playElem.addEventListener("ended", handler); //on end of the audio, execute `handler` again
playElem.play();
};
$('#DefaultGamePage').fadeIn({
duration: slideDuration,
queue: false,
complete: function() {
$('#DefaultGameTimer').show();
handler();
}
});
<div id="GamePage" style="display:none; position:absolute; z-index:20; top:0px; left:0px; width: 1080px; height: 1920px; margin:auto;">
<audio id="Play"></audio>
</div>
相关文章:
- iMacros iim播放如何调用两个函数
- 如何调用Edge Animate's从外部Javascript中播放函数
- 如何调用javascript函数,当用户单击视频播放的帧时
- Javascript播放声音会导致“NPObject上的错误调用方法”
- 随机音频列表在调用时不播放
- 如何阻止 CSS3 动画在播放一次后运行并调用新动画
- 使用 JavaScript 函数调用来播放多个 SWF 文件
- 检测浏览器视频播放器中广告的网络调用
- Javascript For Loop - 播放列表中的连续 Ajax 调用
- 如何在 jw 播放器中调用 kaltura 视频
- <cfmediaplayer>如何通过javascript调用暂停播放器
- 声音获胜'如果在ajax成功函数上调用,则不播放
- Soundcloud流,soundmanager2对象在调用play()时从未在Chrome上开始播放
- 两个脚本(FitVids.js,Vimeo.js)一起杀死调用一个函数来播放视频,导致:VimeoAPI不是一个函数
- 如何在媒体结束时调用函数,该函数从javascript文件中播放
- 在js文件中播放框架控制器操作调用
- Youtube iframe API调用以播放视频/pauseVideo don'我不在IE8工作
- Wordpress音频播放器和平滑状态.在新页面重新加载播放器时调用什么回调函数
- 调用一个类来在鼠标进入时停止/暂停幻灯片播放
- 在网页中调用YouTube播放列表