【问题标题】:is it possible to disable mp3 controls when loading an mp3 file via http headers using php使用php通过http标头加载mp3文件时是否可以禁用mp3控件
【发布时间】:2019-10-14 12:20:35
【问题描述】:

我正在为我的音乐创建一个作品集网站,并希望允许用户播放我的歌曲,而他们无法看到源/下载 mp3 文件。

我在这个项目中使用 PHP 并通过 HTTP 标头加载文件。

<?php
 $mp3 ='72vox.mp3';
 if(file_exists($mp3)) {
   header('Content-Type: audio/mpeg');
   header('Content-Disposition: inline; filename="mp3_file.mp3"');
   header('Content-length: '. filesize($mp3));
   header('Cache-Control: no-cache');
   header('Content-Transfer-Encoding: chunked');
   readfile($mp3);
   exit;
  }
?>

当页面加载时,我的 mp3 会播放。但是,我似乎无法弄清楚如何在页面上显示任何 HTML(更重要的是,如何将音频控件放置在 div 中)。

提前感谢您的帮助

【问题讨论】:

    标签: php http-headers mp3


    【解决方案1】:

    我正在为我的音乐创建一个作品集网站,并希望允许用户播放我的歌曲,而他们无法看到源/下载 mp3 文件。

    这是不可能的。

    在这种情况下,您的 PHP 脚本的 URL 实际上就是音频文件的 URL。

    当页面加载时,我的 mp3 会播放。但是,我似乎无法弄清楚如何在页面上显示任何 HTML(更重要的是,如何将音频控件放置在 div 中)。

    这与您提供文件的方式无关。您需要使用&lt;audio&gt; 标记或适当的JavaScript 创建一个页面。当您访问此 URL 时,它不是来自您服务器的“页面”,它只是浏览器对您的 MP3 文件的默认处理。其他浏览器只会下载它或在用户的默认音频播放器中打开它。

    【讨论】:

    • 感谢布拉德的更新 - 非常感谢。您能否提供一个有用的代码示例,或者指出我在哪里可以找到有关此主题的更多有用信息?
    • &lt;audio src="path-to-your-audio-file.mp3" controls&gt;&lt;/audio&gt;
    【解决方案2】:

    “但是,我似乎不知道如何在页面上显示任何 HTML(更重要的是,如何将音频控件放置在 div 中)。”

    作为一个示例...

    将您的 PHP 代码保存在名为 getFile.php 的文件中。 现在使用如下代码创建一个 HTML 页面,并将 PHP 文件用作 &lt;audio tag&gt; 中的源代码。
    您可以使用自己的“其他内容”代码扩展 HTML。

    <!DOCTYPE html>
    <html>
    <body>
    
    <div id="div_myAudio">
        <audio id="myAudio" controls>
        <source crossorigin="anonymous" src="getFile.php" type="audio/mpeg">
        </audio>
    </div>
    
    <div id="div_myOtherStuff">
    
        My "Other Stuff" (HTML code) goes here or anywhere inside this document "body" tag...
    
    </div>
    
    </body>
    </html>
    

    【讨论】:

    • PS:另一种方法是只 echo PHP 文件中的 html 标签。浏览器将呈现代码。如果您有兴趣,我稍后会添加这些详细信息。
    • 感谢您回复我 - 非常感谢。
    猜你喜欢
    • 1970-01-01
    • 2019-02-23
    • 2014-05-10
    • 1970-01-01
    • 2016-08-26
    • 2010-12-03
    • 2014-02-18
    • 1970-01-01
    • 2014-07-21
    相关资源
    最近更新 更多