Audio Player: Responsive and Touch-Friendly

サイト上で音楽を流したいという場合に便利なjQueryオーディオプレーヤー用のプラグインです。

今や、スマホやタブレットなどタッチパネルでウェブをみるのは当たり前。

当然、レスポンシブでタッチフレンドリーなオーディオプレイヤーも必要になる場合がでてくるはずです。

HTML5から新しく追加された<audio>タグを使えば、サイト上で音楽を鳴らすのは簡単ですが、下のような感じでちょっと味気ない。

スクリーンショット 2014-10-15 10.48.47

それを、レスポンシブでタッチフレンドリーでお洒落にと三拍子あわせてくれるjQueryプラグインがこの「Audio Player: Responsive and Touch-Friendly」です。

サンプルを作ってみました。ぜひスマホでも確認してみて下さい。

⇒ audioタグをスマホフレンドリーでレスポンシブにカスタマイズする「Audio Player: Responsive and Touch-Friendly」jQueryプラグインサンプル


サンプルではコントロールバーをページの上部に設置していますが、下に設置してあげるとスマホとかだといい感じかなと思います。

設置方法も簡単なので、おすすめです。

→「audioタグをスマホフレンドリーでレスポンシブにカスタマイズする「Audio Player: Responsive and Touch-Friendly」jQueryプラグイン」の続きを読む