デモ その1 普通
- ETERNITYSCAPE
Update Required
To play the media you will need to either update your browser to a recent version or update your Flash plugin.
- 普通のプレーヤー。
1曲ずつ曲の説明や歌詞などを丁寧に書きたい場合は、このタイプが便利かな。 - 曲は eternityscape.mp3 と eternityscape.ogg を指定。
デモ その2 ミニサイズ
- ケルト即興曲
Update Required
To play the media you will need to either update your browser to a recent version or update your Flash plugin.
- ミニサイズのプレーヤー。一時停止=停止。
デモ その3 スライダー付
- スライダー付き。
デモ その4 プレイリスト
Update Required
To play the media you will need to either update your browser to a recent version or update your Flash plugin.
- プレイリスト型。
とりあえず全部聞いてみたい、聞いてほしいときはこっちが便利かな。
任意で音楽ファイルへの直リンクも貼れる。
デモ その4-B プレイリスト 2
Update Required
To play the media you will need to either update your browser to a recent version or update your Flash plugin.
- イメージイラスト付。
ジャケットのっけたりとか、曲のイメージに似た風景載せたりとかするといいかも?
- OGA(OGG) 単独で設定していると、IE や Safari で再生できない。(上記 3-4, 7-8番目)
MP3 単独で指定してると、設定によっては聞けないブラウザがある?(上記 1-2, 5-6, 8番目)※改造して対応。
HTML5 <audio> の主要ブラウザの対応状況。
オーディオ | IE8 | IE9 以上 | Chrome | Safari | Firefox | Opera | モバイル |
---|---|---|---|---|---|---|---|
MP3 | × | ○ | ○ | ○ | × | × | ○ |
Ogg Theora | × | △ | ○ | × | ○ | ○ | × |
WAV | × | × | ○ | ○ | ○ | ○ | ○ |
- HTML5 <audio> では複数の音楽ファイルを指定できる。
- そのため、MP3 と OGA(OGG) のファイルを指定すれば、
最近のブラウザなら基本的にどのブラウザでも音楽を再生することができるようになる。 - 古いブラウザには、Flash で MP3 を再生させて対応する。
- まとめると、MP3 は必ず作り、できれば OGA(OGG) も作ってリンクすればよい。