如何使用javascript控制HTML5音頻標記

我想在s JS幻燈片播放期間播放mp3。我在幻燈片放映開始時無法操作音頻標籤播放。如何使用javascript控制HTML5音頻標記

我已經嘗試了一些JS和HTML標準音頻標記，但我正在努力控制播放幻燈片時播放的音樂。

任何想法歡迎（ps我的JS是非常基本的）！

代碼beow（incluidng eivers88腳本）：幻燈片添加失敗聲音腳本時加載..

<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');...

來源

2013-03-15 dancingbush

顯示一些代碼。 – isherwood 2013-03-15 16:43:19

你試過喜歡簡單的東西：

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

來源

2013-03-15 16:43:20 eivers88

乾杯，我已經嘗試過在文檔頭部的滑行腳本中的類似內容，但它在頁面加載時自動播放： – dancingbush 2013-03-15 16:50:37

這是代碼：var audioElement = document.createElement（'audio'）; audioElement.setAttribute（'src'，'loading.ogg'）; audioElement.play（）; – dancingbush 2013-03-15 16:51:03

您必須將'audioPlayer.play（）'放到一個不會被解僱的地方，直到您的幻燈片放映開始。如果您發佈更多代碼（幻燈片部分），我可以幫助您完成展示位置。 – eivers88 2013-03-15 17:07:36

如何使用javascript控制HTML5音頻標記

回答

相關問題