2014-10-21 35 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> 

所以它工作,但不在后台。任何人有任何想法如何在手机锁定时保持这种播放?