mp3ファイルのアップロードと再生方法
2024/02/25
mp3ファイルをformでアップロードしたかったのと、Webサイト上で再生したかった。以下にその方法をメモ。
ソースコード
アップロード
受信側
do{ if( $_FILES['music']['size'] < 1 ) break; //ファイルサイズチェック if( $_FILES['music']['error'] != 0 ) break; //エラーチェック if( $_FILES['music']['type'] != 'audio/mpeg' ) break; //mp3かどうかチェック $path = './file/'; $file = date('YmdHis') . '.mp3'; if( !move_uploaded_file($_FILES['music']["tmp_name"], $path . $file) ) break; //アップロード $flg = true; }while(0);
送信側
<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post" enctype="multipart/form-data"> <input type="file" name="music"><br> <input type="submit" value="submit"> </form>
再生
<audio id="audio" controls> <source src="test.mp3"> </audio> <input type="button" value="play" onclick="audio_play()"> <input type="button" value="pause" onclick="audio_pause()"> <script type="text/javascript"> function audio_play() { audio.play(); } function audio_pause() { audio.pause(); } </script>
関連記事
-
-
ブラウザがWebP対応の場合はそのまま表示し、非対応の場合はjpg/png画像を表示させる方法
ページ表示時にブラウザがWebP画像に対応している場合はそのまま表示し、非対応の ...
-
-
HTMLにてaタグクリック時にping属性のデータをPHPで受け取る方法
HTMLのaタグにping属性というものを設定できるらしく、設定したリンクをクリ ...
-
-
FileReader APIを用いて画像をアップロードせずにサムネイル表示
以前にFile APIを用いてファイル名やサイズ、形式(拡張子)を取得するメモを ...
-
-
フォームの入力内容をjQueryで取得し、本文として設定した上でメーラーを起動させる方法
formで何らかを入力してもらいボタンをクリックするとメーラーが開き、先ほど入力 ...
-
-
HTML内に動画(mp4ファイル)を埋め込んで配信する方法
Webページ内にYoutubeとかを用いずに動画(mp4)ファイルを配信したいと ...