bg0145 HTMLで音楽連続再生(July 31,2021)
このホームページはHTML言語で作成していますが、♪♪♪ソロギター演奏音源♪♪♪は、連続再生できるようにしています。ところがスマホではできず、インターネット閲覧がIEからMicrosoft Edgeに変わってからはパソコンでも連続再生できなくなってしまいました。
HTMLでの連続再生の方法をインターネットで調べてみると、関連の記事が色々とありますね。結局システムエクスプレス株式会社の”audioタグ videoタグでのリスト再生”を試してみることにしました。サンプルコードとして、「HTML」「javascript」「javascript関数群(別ファイルにすると良い)」の三個の部分に分けて示されています。まずは、HTMLにおけるjavascriptの使い方を調べました。サンプルをコピペして、必要な部分を修正するだけなので、これらの言語の詳細を勉強する必要はありません。
試行錯誤の結果、何とかうまくいきました。例として、左図は”gt0339♪ ピンク・レディー(May 31, 2019)”の記事において”[♪再生] 全曲連続再生”をクリックしたときの画面です。
すごいところは、
-
1.現在再生中のファイルに「←now playing」が表示されること、
2.マウスクリックで自由に演奏曲を選択できること、
最も試行錯誤したのは「javascript」内の”// 再生ファイル配置ディレクトリ 相対パスではうまくいかない場合があります”という部分です。結局、相対パスではうまくいかず、絶対パスにしました。インターネット上のホームページと、パソコン内に構築してあるホームページの元データとでは絶対パスが異なることも認識しました。
「javascript関数群(別ファイルにすると良い)」とありますが、別ファイルにするとどうしてもうまくいかず、結局全体を一つのファイルとしました。これは今後の課題です。
このホームページのギター演奏音源を連続再生する人は居ないと思いますが、kei爺爺としてはBGMとして聴くときに重宝しています。
前の記事へ 番外トツプに戻る 次の記事へ