当方の音楽素材サイトで、フッター固定型の簡易なオーディオプレイヤーを実装しました。このプレイヤーは、そのページにあるaudio要素とタイトルを取得し、順次再生します。プレイヤーの表示・非表示、また、スマホやタブレット等に向けてレスポンシブに対応しています。リピート再生が可能です。対応ブラウザ最新の主要なブラウザで動作を確認しています。Explorer(以下IE)について、IE9では、プレイヤーで使用している、input要素のtype="range"属性と、CSS3のflexboxに対応していないので、プレイヤーの表示はされませんが、曲の再生はできます。IE8以下では、HTML5のaudio要素に対応していないため、曲の再生自体ができません。ライブラリプレイヤー作成にあたって、Bootstrap3とJQueryを使用しています。再生や停止等のアイコンは、Bootstrapに組み込まれているGlyphiconです。コード等の詳細は、改めて記事にしていきたいと思います。コメントをキャンセルメールアドレスが公開されることはありません。