2

我正在为当地电台开发这个应用程序，作为我公司（实习生）的社区外展类型交易的一部分我正在使用的技术但是目前它运行良好，我只是遇到以下问题。

所以基本上我正在尝试使用 html 音频标签流式传输一些音频。这适用于我的浏览器，但不适用于我的模拟器（涟漪模拟器，nexus 4），也不适用于我的安卓手机（HTC One）。

技术 - HTML5、CSS、Jquery Mobile 和 Phonegap Build。

我觉得我可能不得不用 Javascript 做点什么。

    <audio controls>
    <source src="http://195.10.228.6:8035/canal.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
    </audio>

谢谢你的帮助！

编辑：澄清我能够看到音频播放器并与之交互，它要么不会播放声音，要么不完全确定播放流。

4

3 回答 3

2 
<audio id="stream" preload='none'>
        <source src="audio source" type="audio/mpeg">
        Your browser does not support the audio element.
    </audio>
    <a href="#" id="audioControl">play!</a>

<script>
var stream = document.getElementById('stream'),
ctrl = document.getElementById('audioControl');

ctrl.onclick = function () {

// Update the Button
var pause = ctrl.innerHTML === 'pause!';
ctrl.innerHTML = pause ? 'play!' : 'pause!';

// Update the Audio
var method = pause ? 'pause' : 'play';
stream[method]();

// Prevent Default Action
return false;
};
</script>

此代码修复了大多数允许您通过手机播放的内容，并且只有一个播放/暂停链接。你可以在以后做任何你想要的样式。

问题 - 在单击播放之前大约需要 10 秒才能加载〜至少对于我的流来说，对于本地文件来说可能要容易得多

于 2013-09-03T11:37:40.393 回答
0

您需要包含更多声音格式，因为可能不支持 MP3。根据http://html5please.com/#audio，您必须至少包含 OGG 和 AAC 格式。

还要注意Opera Mini 根本不支持音频标签。您应该包含一个 polyfill，第一个链接 ( http://html5please.com/#audio )中提到了一些。

于 2013-09-02T15:08:44.167 回答
0

您是否考虑将外部站点添加到 config.xml 白名单？

这方面的文档可用：

http://docs.phonegap.com/en/2.7.0/guide_whitelist_index.md.html#Domain%20Whitelist%20Guide

于 2013-09-02T15:10:19.607 回答