javascript - Phonegap 构建、HTML5 音频、Android

Question

我正在为本地一家广播电台开发这个应用程序，作为我公司(安置学生)社区外展类型交易的一部分，我有点陷入困境，决定继续构建这个网站 -> 仅使用一个应用程序对我正在使用的技术知之甚少，但目前它运行得很好，我只是遇到了以下问题。

所以基本上我正在尝试使用 html 音频标签流式传输一些音频。这适用于我的浏览器，但不适用于我的模拟器(ripple 模拟器、nexus 4)或我的 Android 手机(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>

感谢您的帮助!

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

Answer 1

<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 秒~至少对于我的流来说无论如何对于本地文件可能要容易得多