Question

我们目前正在开发基于用户生成的音频内容的社区。播放音频~~的基本技术将是Soundmanager 2~~ 是HTML5。我们基于 ~~SM2选项~~ jQuery创建了我们自己的播放器界面。

为了使上载的mp3文件可嵌入，我目前正在寻找合适的技术。播放器必须可以在移动设备上播放（我认为不包括纯闪存播放器）。交通泄漏应该是可以避免的。

创建有关跨浏览器（和跨设备）兼容性和安全性的可嵌入播放器代码段的最佳方法是什么？

恕我直言，这些是选择：

嵌入<iframe>标记（如Facebook优惠）
嵌入<script>标记（将播放器代码“注入”到DOM中）。
只提供一个缩短的HTML标记片段，所有链接都是绝对的（CSS，JS，图像）

编辑：为了避免误读：我说的是可以提供给访问者的嵌入代码，因此他们可以在他们的< 播放器上使用我们的播放器/ em>远程网站。是的，就像Youtube或Soundcloud一样。

Answer 1

我没有使用SM2，所以我不能说话。

但是，如果jQuery是一个选项，我可以通过基于jquery.mb.miniAudioPlayer的jPlayer获得好运。

以下是所需的最小标记/代码量的示例：

<script type="text/javascript" src="inc/jquery/1.3.2.min.js"></script>
<script type="text/javascript" src="inc/mbScrollable.js"></script>
<script type="text/javascript">
    $(function(){
       $(".audio").mb_miniAudioPlayer({
        width:240,
        inLine:false
      });
    });
</script>

<div id="myScroll">
    <a id="m1" 
        class="audio {ogg:'http://www.miaowmusic.com/ogg/Miaow-07-Bubble.ogg',
        mp3:'http://www.miaowmusic.com/ogg/Miaow-07-Bubble.mp3'}"
        href="javascript:void(0)">miaowmusic - Bubble (mp3/ogg)
    </a>
</div>

（如this page所示 - 点击“如何”。）

或换句话说，要使用您的细分：是的，有一个<script>标记将玩家代码“注入”到DOM中。

如何构建我自己的可嵌入音频播放器//不是纯闪存

1 个答案: