mp3ファイルのアップロードと再生方法

2015/07/16

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);

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>

<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post" enctype="multipart/form-data">

</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>