【问题标题】:Accessing an Audio File From a Different Folder从不同的文件夹访问音频文件
【发布时间】:2016-10-15 15:45:11
【问题描述】:

我正在为我的计算机科学课程做一个项目,我在我的网站中添加音频。我在云 9 中执行此操作。我在不同的文件夹中有一个包含不同歌曲的文件夹。我需要能够从更高的文件夹访问歌曲。人们一直在说要使用此代码:

    <source src="../folder/filename.mp3" type=mpeg">

但是代码是从图像给我的,我无法用一首歌来做到这一点。当我使用此代码时,我在我的网站上看到了正常的播放按钮,但它是灰色的。我已经能够让它工作,但前提是我将歌曲从文件夹中取出并将其放在与文件相同的级别。我还测试了不同的音频文件,看看是否是问题所在。

【问题讨论】:

    标签: html cloud9


    【解决方案1】:

    使用绝对站点 URI 路由,您的声音文件地址以 / 开头,因此指示从 URL 的根开始的路径。

    例如:
    例如,您当前的输出文件是www.site.com/output/file.html,并且您想从例如www.site.com/sounds/laugh.mp3 加载声音,那么您只需使用地址的/sounds/laugh.mp3 部分作为参考。因为它以/ 开头,这表示它是一个绝对站点 URL,并表示根 HTML 目录,而不是特定于页面的 url。

     <source src="/sounds/filename.mp3" type=mpeg">
    

    如果您使用 相对 路径,例如 ../sounds/filename.mp3,如果您在基本文件夹 (www.site.com/index.html) 或更深的目录树(例如 www.site.com/sounds/silly/horses.html)中使用它,这将中断。但是绝对路径总是有效的(只要目标文件存在并且可以访问)。


    提示:确保您还上传了声音文件!

    【讨论】:

    • 抱歉,误击进入。我的文件目录是文件夹项目,里面是文件夹music以及文件Music.html(我的网站)。我试过你的代码,像这样 (对不起,我不知道如何让它像代码一样显示)。我仍然得到空白
    • 您的链接区分大小写,所以应该是www.site.com/Music/Concerto.mp3 ? (cmets 中的代码视图使用反引号(通常在键盘上的数字 1 旁边))。该链接存在吗?
    猜你喜欢
    • 2015-01-06
    • 1970-01-01
    • 2016-07-31
    • 1970-01-01
    • 2011-11-14
    • 2020-10-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多