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

Question

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

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

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

恕我直言,这些是选项:

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

编辑:为了避免误读:我正在谈论可以提供给我们的访问者的嵌入代码,因此他们可以在他们的远程网站上使用我们的播放器.是的,像Youtube或Soundcloud.

Answer 1

我没用过SM2，所以我不能谈论这个。

\n\n

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

\n\n

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

\n\n

<script type="text/javascript" src="inc/jquery/1.3.2.min.js"></script>\n<script type="text/javascript" src="inc/mbScrollable.js"></script>\n<script type="text/javascript">\n    $(function(){\n       $(".audio").mb_miniAudioPlayer({\n        width:240,\n        inLine:false\n      });\n    });\n</script>\n\n<div id="myScroll">\n    <a id="m1" \n        class="audio {ogg:\'http://www.miaowmusic.com/ogg/Miaow-07-Bubble.ogg\',\n        mp3:\'http://www.miaowmusic.com/ogg/Miaow-07-Bubble.mp3\'}"\n        href="javascript:void(0)">miaowmusic - Bubble (mp3/ogg)\n    </a>\n</div>\n

\n\n

（如本页\xe2\x80\x94所示，单击“如何”。）

\n\n

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

\n