4

我一直在寻找有关该主题的时间,但一无所获。我应该在网页上加载一定数量的.m4a文件,每个文件都在一个单独的播放器中。我找到并实现jplayer了,它声称可以处理格式。我决定默认使用 flash 回退以避免向后不兼容。jplayer 的示例 ( http://www.jplayer.org/audio/m4a/TSP-01-Cro_magnon_man.m4a) 中提供的示例 m4a 文件工作正常,而我没有设法播放我拥有的任何文件。

file对所有文件运行了 unix 命令。jplayer 的示例文件返回:

  • ISO Media, MPEG v4 system, version 2
  • 非工作文件返回以下内容之一:

  • ISO Media, MPEG v4 system, 3GPP
  • ISO Media, MPEG v4 system, version 1
  • ISO Media, MPEG v4 system, iTunes AAC-LC
  • 我使用以下 PHP 控制器代码加载音频文件。我需要这样做才能“重写” URL 并隐藏文件的实际 URI。

    header('Content-Type: audio/mp4');
    header('Content-Disposition: inline; filename=xxxxxxxxxxTrack'.$id.'.m4a');
    echo file_get_contents(MVC::siteRoot().'/'.$filename);
    

    (MVC::siteRoot() 返回存储脚本的物理目录。)我也Content-Type: audio/mp4a-latm再次尝试无济于事。我使用以下代码加载 jplayer:

    $('.jp-jplayer').each(function() {
        $(this).jPlayer({
            ready: function () {
                console.log($(this).attr('data-src'));
                $(this).jPlayer("setMedia", {
                    m4a: $(this).attr('data-src')
                });
                $("#insp").jPlayerInspector({jPlayer:$(this)});
            },
            swfPath: "<?=MVC::httpRoot();?>/gui/swf/Jplayer.swf",
            supplied: 'm4a',
            wmode: 'window',
            solution:"flash",
            errorAlerts:true,
            warningAlerts:true,
            cssSelectorAncestor: '#' + 
                $(this).attr('id').replace('jquery_jplayer','jp_container')
        });
    });
    

    在 DOM 方面,对于由渐进式数字 $i 标识的每个音频文件,会发生以下情况:

    <div id="jquery_jplayer_<?=$i?>" class="jp-jplayer" data-src="<?=MVC::httpRoot()?>/get/audio/<?=$traccia['audioid']?>"></div>
    <div id="jp_container_<?=$i?>" class="jp-audio">[...]
    

    播放器似乎加载正确,DOM 根据 jplayer 重新排列,但按下播放按钮时没有任何反应。代表网络未发现错误,文件已正确传递但内容未播放且未发出警告或错误。实际上,我收听文件的唯一方法是下载它们并在 QuickTime 中打开它们,因为即使 Chrome 也不会播放它们。另一方面,Safari 会很乐意加载和播放文件,但不会在网站内。遗憾的是,我无法直接控制上传文件的内容,因为它们来自 iOS/Android 应用程序,并且客户端出于某种原因请求了 .m4a 格式。有没有人遇到过类似的问题?

    4

    1 回答 1

    2
    1. DRM 的问题

    2. MIME 类型

    您的域的服务器必须为所有媒体 URL 提供正确的 MIME 类型(内容类型)。

    未能提供正确的 MIME 类型将导致媒体无法在某些 HTML5 浏览器上运行。这是仅影响 Firefox 和 Opera 的问题的常见原因。其他浏览器不那么严格,但如果在任何浏览器上播放媒体时遇到问题,则应始终检查 MIME 类型是否正确。

    媒体 MIME 类型

        MP3: audio/mpeg
        MP4: audio/mp4 video/mp4
        OGG: audio/ogg video/ogg
        WebM: audio/webm video/webm
        WAV: audio/wav
    

    如果您对音频和视频媒体都使用通用扩展名,例如 audio.mp4 和 video.mp4,那么只需对它们都使用 MIME 类型的视频版本。即,视频/mp4

    在 Apache 服务器上,您可以使用 .htaccess 文件根据文件扩展名设置 MIME 类型:

    # AddType TYPE/SUBTYPE EXTENSION
    
    AddType audio/mpeg mp3
    AddType audio/mp4 m4a
    AddType audio/ogg ogg
    AddType audio/ogg oga
    AddType audio/webm webma
    AddType audio/wav wav
    
    AddType video/mp4 mp4
    AddType video/mp4 m4v
    AddType video/ogg ogv
    AddType video/webm webm
    AddType video/webm webmv
    

    3. 字节范围请求

    您的服务器必须启用 Range 请求。这很容易通过查看服务器的响应是否在其标头中包含 Accept-Ranges 来检查。大多数 HTML5 浏览器允许在下载期间寻找新的文件位置,因此服务器必须允许请求新的 Range。

    无法接受字节范围请求会导致某些 HTML5 浏览器出现问题。通常无法从文件中读取持续时间,因为某些格式要求读取文件的开头和结尾以了解其持续时间。如果服务器上没有启用 Range 请求,Chrome 往往是问题最多的浏览器,但所有浏览器都会有一些问题,即使只是您必须等待所有媒体加载完毕才能跳到最后.

    已知此问题会影响使用默认配置的 Jetty 6 服务器。

    https://groups.google.com/d/msg/jplayer/nSM2UmnSKKA/bC-l3k0pCPMJ

    1. 保护您的媒体

    尝试限制对媒体文件的访问时要小心。媒体 URL 必须可由用户通过 Internet 访问,并且其响应必须采用预期格式。

    使用服务器响应来禁用媒体的本地缓存可能会导致某些 HTML5 浏览器出现问题。这可能会导致媒体的持续时间未知,这将在 jPlayer 的持续时间中显示为 NaN。

    如果您在后端做一些魔术以使其更安全,他们会确保您接受上述字节范围请求。

    是的,我刚刚复制/粘贴了常见问题解答,对这些东西一无所知

    于 2012-09-28T07:53:49.070 回答