人気記事

javascript RaspberryPi

ラズパイに保存されているmp4ファイルの名前を指定してダウンロードする方法【JavaScript】

投稿日:

 

 ラズパイで取得したmp4形式の動画を複数格納されている場合に名前を指定してダウンロードする方法をJavaScriptで実現してみました。

下図のテキストボックスに入力した名前のファイルをダウンロードするまでが今回のゴールです。

 

Apache2のインストール

 ラズパイにHTTP経由でアクセスできるようにするため、Apache2をインストールします。

・アップデート

・アップグレード

・Apache2をインストール

 

インストールに成功すると、ラズパイのIPアドレス(今回の例では192.168.128.80)を開いた時に下記のページが表示されます。

動画ファイルの配置

 Apacheではルートディレクトリが/var/www/htmlとなっています。今回はダウンロードしたいmp4ファイル名をmovie1.mp4、movie2.mp4と名付け、/var/www/html/downloadというディレクトリに置きました。

 

UIの作成

 次にUIとなるHTML、JavaScriptをvar_download.htmlというファイル名で作成します。

ダウンロードと書かれたボタンをクリックしたらdownload_funcというメソッドを実行し、テキスト入力されたファイル名に応じて作成したURLをaタグのhref属性に代入してダウンロードする処理としています。

 

ダウンロード実施

 var_download.htmlをラズパイの/var/www/html直下に配置したら、

ブラウザから http://<ラズパイのIPアドレス>/var_download.htmlを開きます。

 

ファイル名を入力してダウンロードをクリックすると、ファイルをダウンロードできます。

まとめ

 ラズパイにApacheを立て、格納した動画をブラウザ経由でダウンロードしてみました。

今回はUIからファイル名を指定しましたが、例えば日付で指定したりと応用することができそうです。

-javascript, RaspberryPi
-,

Copyright© ITエンジニアへの転身 , 2021 All Rights Reserved Powered by STINGER.