HTML HTMLのちょっとした小技などのご紹介

ホームページで音を鳴らす

2014年8月25日
この記事は掲載から1211日経過しています。
情報が古い可能性が有りますのでご了承下さい

ホームページ黎明期、開くとMIDIなど音楽が流れだすホームページをよく見かけました。割と嫌われる傾向があったようですが・・

最近はHTML5で実装するケースが多いようで、ちょっとしたアクセントにはいいかもしれません。

サンプル1 サンプル2
※サンプルは音が出ますので音量注意です。

Javascript

HTML

複数の音源があるのは、ブラウザやデバイス間で対応出来る形式が違う事を許容する為のようです。音源の変換はこちらが便利です。

これはaudioですが

といった感じで動画も再生出来ます。

なんで今さらこんな記事をって感じなのですが、チャットで呼び出しコールは可能か?って考察の為に色々と考えた時に作ったサンプルをせっかくなので・・・という経緯です。新着があれば音を鳴らす、或いはログファイルに非可視のトリガーを書き込んで、ログチェックのときに音を鳴らす、といった形で実現は可能そうですね。

  • このエントリーをはてなブックマークに追加
  • LINEで送る

PAGE TOP