min117の日記

初期desireもち。趣味Mac,メインFedora,仕事xp。

PHP7 Bootstrap4で動画ギャラリーに「音声再生」ボタンをつける

前回はサーバにある動画を一覧表示して「再生」できるボタンをつけるコードを書いた。

http://min117.hatenablog.com/entry/2020/01/05/200224

 

今回はこれに「音声のみ再生するボタン」をつける。こうなる。

f:id:min117:20200105203639p:plain


サーバ上に「その動画名.mp4.mp3」のような音声ファイルがある場合に、「音声再生」ボタンをクリックして再生できるようにしている。

f:id:min117:20200105202944p:plain

外出先で、ギガをあまり使いたくないときにとりあえず音声だけ聞きたいようなときに重宝する。

 

 

ソースはこれ。

f:id:min117:20200105203042p:plain

f:id:min117:20200105203124p:plain

f:id:min117:20200105203214p:plain

224行目 mp3の名前を決めて

225行目 そのファイルが存在する場合のみ

229行目 ボタンを表示する。class="btn btn-warning"でワーニング色のボタンとした。

f:id:min117:20200105203234p:plain

次回は「音声抽出」ボタンを実装して画面からの操作で音だけを取り出せるようにしてみる。