Home Made Garbage

HTML5 + JavaScript + PHP(getID3)で 音楽プレイヤー

ホーム
電子工作
Raspberry Pi
WordPress
IOT

HTML5 + JavaScript + PHP で作った音楽プレイヤーで ミュージックページを作りました。

SoundCloud にアップしたり、プラグインなどを使えば簡単に出来ることだけど、折角だから勉強がてら作成してみたいと思いました。

PHP

getID3 のインストール(Raspberry Pi)

mp3から直接曲情報を取得したいと思い、getID3 を使う事にしました。

1. apt-get update & upgrade

久々にやったら結構時間かかった…

2.getID3のインストール

3. インストールされた場所を調べる

ソースコード

index.php:HTMLの中で、音楽ファイル一覧を取得 & 情報出力

HTML

HTML全体のコード

HTML5のAudioタグは使わず、JavaScriptで操作しています。

JavaScript

audio.js

 

ミュージックプレイヤーとして今後色々と改良しつつ、また記事にも書いていきたいと思います。

コメントを残す

メールアドレスが公開されることはありません。コメントのみでもOKです。

TOP