2014-10-21 37 views
2

需要一些幫助。音頻循環無法正常工作,請使用intel XDK安卓HTML5開發

我正在用HTML5構建一個應用程序,並使用「Intel XDK」將其轉換爲android的.apk文件。我遇到的唯一問題是「循環」音頻文件。 我使用的是一個非常簡單的代碼:

<audio id="myAudio" autoplay loop> 
    <source src="sounds/mysound.mp3" type="audio/mpeg"/> 
    <source src="sounds/mysound.ogg" type="audio/ogg"/> 
    </audio> 

當我測試應用程序播放聲音,但只有一次,沒有循環。

在此先感謝!

回答

0

您可以用Java腳本的HTML通過實現這一點:

<script language="JavaScript" type="text/javascript"> 

var mp3snd = "songlocation.mp3"; 
var oggsnd = "home-sound.ogg"; 

document.write('<audio loop autoplay="autoplay">'); 
document.write('<source src="'+mp3snd+'" type="audio/mpeg">'); 
document.write('<source src="'+oggsnd+'" type="audio/ogg">'); 
document.write('<!--[if lt IE 9]>'); 
document.write('<bgsound src="'+mp3snd+'" loop="1">'); 
document.write('<![endif]-->'); 
document.write('</audio>'); 

//--> 
</script> 

這將實現你想要的(在後臺播放),同時仍然在HTML 5

被安裝this插件同樣的效果也可能有所幫助。

+0

感謝您的快速回復。我只是複製並粘貼上面的代碼,修改了歌曲位置並在英特爾XDK中測試了它,並在我的S4上運行了該應用程序。 ...不幸的是它仍然無法正常工作。這讓我瘋狂! – BBD 2014-10-21 21:50:32

+0

只是拋出這個,但也許這將工作:

+0

[鏈接](https://github.com/koza/appMobiC2Plugin)安裝這個插件也可能有幫助。此外,[this](https://forums.html5dev-software.intel.com/viewtopic.php?f=31&t=4805&p=17732&hilit=audio+audio+loop#p17732)是另一位用戶遇到的類似問題,我相信有人在評論中回答了部分內容。 – 2014-10-21 22:14:51

0

(更新與XDK Android的聲音循環問題)

所以我做了一個可行的妥協!應用程序運行時循環,但手機鎖定時不會運行。使用英特爾XDK Android構建進行測試。

我創建了一個內部IFRAME,當聲音結束時自動刷新。下面的實施例是1分鐘的聲音:

在頁面音頻是必需的:

<div id="audio_stream" style="position: absolute; margin-left: -1000px;"> 
<iframe src="iframes/audiotrack.html"></iframe> 
</div> 

這是IFRAME代碼:(位置:內部框架/ audiotrack.html)

<!--First, include refresh in meta--> 
<meta http-equiv="refresh" content="60;url=audiotrack.html" /> 
<!--now enter audio that you wish to loop--> 
<div id="audio_stream"> 
<audio controls autoplay="autoplay"> 
<source src="../sounds/FX/audiotrack.mp3" type="audio/mpeg"/> 
</audio> 
</div> 

所以它工作,但不在後臺。任何人有任何想法如何在手機鎖定時保持這種播放?