MASATAKA KIMURA BLOG

サウンドプレイヤー

[プログラミング言語]
JavaScript

[概要]
楽曲試聴で使うMP3プレイヤー機能を作りました。

[制作時期]
2015年頃

[デモ]
kimura-webdesign.jp/client/archive/houkai-ver2.6/gallery/#sound

[特徴]
・PC,タブレット,スマートフォン互換調整済み
・MP3を再生します。
・再生時間を自動で取得します。
・シークバーを円形にしています。
・MP3は非同期通信で読み込むためページを開いたときの負荷をなくしています。
・HTMLコード1行をコピー&ペーストするだけで曲が追加できます。
・設定を変えると複数曲の連続再生もできます。

[実際に使用しているWebサイト]
・崩壊学園
・をかし

[そのほか]
試聴用のサークル状なのでMP3データの長さはだいたい20秒~長くて90秒くらいがいいと思っています。(長尺の場合はプログレスバー)