読者です 読者をやめる 読者になる 読者になる

Noise of Web Programming

主にHTML/CSS/JavaScriptやWebサービスの情報を配信しています。可能な限り実装方法まで書いていくつもりです。

ブログを移転しました。

Tecuration.com

このサイト同様、HTML/CSS/JavaScriptなどのフロントサイドWeb開発に関する最新情報やライフハックを配信しています。

レスポンシブルなオーディオプレイヤーが実装できる「AudioPlayer.js」

Javascript ライブラリ

レスポンシブWebデザインに対応したオーディオプレイヤーを実装できるライブラリをご紹介。

AudioPlayer.js


この手のライブラリは既にいくつかあるが、シンプルデザインがかっこよいのとわずか4KBという軽さながら、レスポンシブルな点が秀逸。


100%の幅だとこのサイズ。


画面幅を狭めていくとこのようにプレイヤーも小さくなっていく。


これはスマホでも使えそう。オーディオプレイヤーを使ったサービスを作ろうと考えていたので、このライブラリを検討してみよう。