首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用javascript控制HTML5音频标签

如何使用javascript控制HTML5音频标签
EN

Stack Overflow用户
提问于 2013-03-16 00:35:35
回答 1查看 422关注 0票数 0

我正在试着在s JS幻灯片中播放mp3。当幻灯片开始播放时,我在操作音频标签时遇到了问题。

我已经尝试了一些JS和HTML标准的音频标签,但我正在努力控制幻灯片开始时的音乐播放。

欢迎任何想法(ps我的JS是非常基础的)!

Code beow (包含eivers88脚本):添加音频脚本时,幻灯片无法加载。

代码语言:javascript
运行
复制
<script type="text/javascript" 
src="http://slideshow.triptracker.net/slide.js"></script>
<script type="text/javascript">
<!-- 

//3rd attempt to play audio with slideshow for stackoverflow
var audioType='.mp3';
var audioPlayer = document.createElement('audio');

audioPlayer.setAttribute('src', 'images/Music/Oceans.mp3');
$('body').append(audioPlayer);
audioPlayer.load();
audioPlayer.play();

var viewer = new PhotoViewer();
viewer.enablePhotoFading()
viewer.enableAutoPlay();
viewer.disableToolbarAnimator();
viewer.randomize();
viewer.setOnClickEvent(viewer.permalink);


 viewer.add('images/Gallery/image1.jpg');`enter code here`

 //images enetered as arguments here viewer.add('images/Gallery/image1.jpg');...
EN

回答 1

Stack Overflow用户

发布于 2013-03-16 00:43:21

你有没有尝试过一些简单的东西,比如:

代码语言:javascript
运行
复制
var audioType = '.mp3';
var audioPlayer = document.createElement('audio');

if(!!audioPlayer.canPlayType('audio/ogg') === true){
    audioType = '.ogg' //For firefox and others who do not support .mp3
}

audioPlayer.setAttribute('src', 'path/to/song' + audioType);
$('body').append(audioPlayer);
audioPlayer.load();
audioPlayer.play(); //put this where your slide show starts
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15437607

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档