6

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

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

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

恕我直言，这些是选项：

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

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

4

1 回答 1

4

我没用过SM2，所以不能说。

但是，如果 jQuery 是一个选项，我对基于jPlayer的jquery.mb.miniAudioPlayer很幸运。

这是所需的最少标记/代码的示例：

<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>

（如本页所示——单击“如何”。）

或者换句话说，使用您的细分：是的，有一个<script>标签将播放器代码“注入”到 DOM 中。

于 2011-06-26T07:30:54.820 回答