如何构建我自己的可嵌入音频播放器//不是纯闪光[关闭]

Question

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

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

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

恕我直言，这些是选项：

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

编辑：为了避免误读：我正在谈论可以提供给我们的访问者的嵌入代码，因此他们可以在他们的远程网站上使用我们的播放器。是的，像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>上所示 - 点击“如何”。）

或者换句话说，使用你的细分：是的，有一个qazxswpoi标签将玩家​​代码“注入”到DOM中。