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

Question

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

为了使上传的mp3文件可嵌入，我目前正在寻找合适的技术。玩家必须可以在移动设备上玩（不包括纯粹的Flash玩家，我假设）。交通泄漏应该是可以避免的。

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

恕我直言，这些都是选择：

• 嵌入与标签（如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>标签可以将玩家代码“注入”DOM。