6

現在、ユーザー生成のオーディオ コンテンツに基づくコミュニティを開発中です。オーディオを再生するための基本テクノロジーは、Soundmanager 2 is HTML5 です。SM2 オプションのjQueryに基づいて独自のプレーヤー インターフェイスを作成しました。

アップロードされた mp3 ファイルを埋め込み可能にするために、現在適切な技術を探しています。プレーヤーはモバイル デバイスで再生できる必要があります (純粋なフラッシュ プレーヤーは除外されます)。トラフィック リークは回避できるはずです。

ブラウザ間 (およびデバイス間) の互換性とセキュリティに関して、埋め込み可能なプレーヤー スニペットを作成する最善の方法は何ですか?

私見、それらはオプションです：

  • タグを付けて埋め込む<iframe>(Facebook のオファーなど)
  • タグを使用して埋め込み<script>ます (プレーヤ コードを DOM に「挿入」します)。
  • 短縮された HTML マークアップ スニペットを提供し、すべてのリンクを絶対 (CSS、JS、画像) にします

編集: 読み間違いを避けるために: 訪問者に提供できる埋め込みコードについて話しているので、訪問者はリモート Web サイトでプレーヤーを使用できます。はい、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 に答える