HTML5音频元素

时间:2013-08-25 06:53:05

标签: php javascript html5 audio html5-audio

我想播放MP3的动态链接

我使用此代码发送mp3而不是直接链接:

PHP方面:

$filename = "jadi.mp3";
$mime_type = "audio/mpeg, audio/x-mpeg, audio/x-mpeg-3, audio/mpeg3";
if (is_file($filename)) {

    header("Content-Type: {$mime_type}");
    header('Content-length: ' . filesize($filename));
    header("Content-Disposition: attachment;filename = jadi.mp3");
    header('X-Pad: avoid browser bug');
    header('Cache-Control: no-cache');
    header("Content-Transfer-Encoding: binary");
    $fd = fopen($filename, "r");
    while (!feof($fd)) {
        echo fread($fd, 1024 * 200);
    }
    fclose($fd);
    exit();
}

HMLL方面:

<audio controls>
    <source src="http://localhost/music.php" type="audio/mpeg"  preload="auto">
    Your browser does not support the audio element.
</audio>

但浏览器无法播放,我对WAV文件没有问题,但对于mp3,它不起作用

如果我使用直接链接而不是php脚本没有问题,那么我的浏览器可以支持MP3

谢谢

2 个答案:

答案 0 :(得分:0)

如果您单独运行PHP脚本,您的浏览器应该能够立即下载MP3文件。

如果这不起作用,则PHP脚本中存在一些问题。

答案 1 :(得分:0)

您应该只在PHP中指定一个Content-Type。你不能只发送逗号分隔列表AFAIK。