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

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

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

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

伊姆霍，这些是选项：

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

---

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

我没有用过SM2，所以我不能这么说

然而，如果jQuery是一个选项，那么我很幸运，它基于

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

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

$（函数（）{
$（“.audio”）.mb_迷你音频播放器({
宽度：240，
内联：false
});
});

（如所示，单击“如何操作”。）

---

或者换句话说，使用细分：是的，有一个

标记将玩家代码“注入”到DOM中。

jQuery始终是一个选项！（如果不是答案）@Trufa-是的，我想我在推荐jQuery时不会出错，所以…不，你不能：）顺便说一句，这是好东西！是的，jQuery是一个选项。在您的示例中，