某些浏览器中生成音频的计时问题

Question

我需要从 mp3 文件生成音频。所以我使用curl库来获取文件，然后设置所需的标头和echo音频内容。

问题是它在 Chrome 和 Safari 浏览器中无法正常工作。音频文件正在加载，并开始播放，但您无法更改时间（无法.currentTime在 JavaScript 中设置，而且在浏览器中定时滑块不起作用）。（在 Firefox 中工作正常）。

代码：php

            $agent = 'stagefright/1.2 (Linux;Android 5.0)';

            $url = 'http://www.jplayer.org/audio/mp3/Miaow-07-Bubble.mp3';

            $ch = curl_init($url);

            curl_setopt($ch, CURLOPT_URL, $url);

            curl_setopt($ch, CURLOPT_HEADER, 0);

            curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1) ;

            curl_setopt($ch, CURLOPT_REFERER, 'http://www.jplayer.org/');

            curl_setopt($ch, CURLOPT_USERAGENT, $agent);

            $media = curl_exec($ch);

            curl_close($ch);

            $content_length = strlen($media);

            $type = "audio/mpeg";

            header("Content-type: ".$type);

            header("Content-length: ".$content_length);

            echo $media;

            exit;

有任何想法吗？

也许我错过了一些 php 标头？

谢谢。

Answer 1

正如我猜测的，我缺少一个 php 标头。需要添加以下标题：header('Accept-Ranges: bytes');添加Accept-Ranges标头修复了 Chrome 的问题。但对于 safari，您需要检查HTTP_RANGE并添加Content-Range标头。这是我的实现，它在所有主要浏览器中都能正常工作。        $content_length = strlen($media_total);        $total_bytes = $content_length;        $content_length_1 = $content_length - 1;        if (isset($_SERVER['HTTP_RANGE'])) {            $byte_range = explode('-',trim(str_ireplace('bytes=','',$_SERVER['HTTP_RANGE'])));            $byte_from = $byte_range[0];            $byte_to = intval($byte_range[1]);            $byte_to = $byte_to == 0 ? $content_length_1 : $byte_to;            $media_total = substr($media_total,$byte_from,$byte_to);            $content_length = strlen($media_total);            header('HTTP/1.1 206 Partial Content');        }        else {            $byte_from = 0;            $byte_to = $content_length_1;        }        $content_range = 'bytes '.$byte_from.'-' . $byte_to . '/' . $total_bytes;        header('Accept-Ranges: bytes');        header("Content-Range: ".$content_range);        header("Content-type: ".$type);        header("Content-length: ".$content_length);        header('Content-Transfer-Encoding: binary');        echo $media_total;        exit;