一些网站(例如免费词典)以及许多其他翻译和发音服务在该单词旁边提供了一个小图标,以便您可以听到其发音。在网页上嵌入文件?
我从哪里开始?

#1 楼

创建网站并嵌入图像,视频,音频,javascript或其他外部资源时,您也可以通过自己的URL指定其位置。

例如,您的服务器上具有此目录结构,该目录结构可解析为以下可访问的URL(假设您的网站为www.example.com):

|-- /index.html                ->  www.example.com/index.html
|-- /images/                   ->  www.example.com/images/
|    |-- /banner.png           ->  www.example.com/images/banner.png
|    +-- /icons/               ->  www.example.com/icons/
|         +-- favicon.png      ->  www.example.com/icons/favicon.png
+-- /audio/                    ->  www.example.com/audio/
    |-- intro.mp3              ->  www.example.com/audio/intro.mp3
    +-- voice.flac             ->  www.example.com/audio/voice.flac


访问index.html时,浏览器将查找所有其他嵌入式URL,并且也会从服务器获取它们。您可以使用诸如Firebug for Firefox或Chrome开发者控制台之类的工具来捕获请求。这些请求之一应该是媒体文件的URL。

如果您具有HTML <embed>标签(或<img>标签),则该媒体的URL由src属性指定,该属性可以是还使用Firebug或Chrome开发者控制台等工具进行了检查。您可以在页面上的任何地方制作一个rightclick->Inspect Element并检查HTML。

<embed src="/audio/intro.mp3">   -> www.example.com/audio/intro.mp3


评论


是的,在Chrome或IE中,您可以按F12键以打开“开发人员工具”窗口(在Firefox中,如果已安装Firebug,则也是如此)。在“开发人员工具”窗口中,进入“网络”视图,单击目标页面上的扬声器图标,对于上面发布的示例,您将看到以下URL出现在“网络”视图的请求列表中:img.tfd .com / hm / mp3 / H0004900.mp3

–詹森·格夫纳(Jason Geffner)
13年6月25日在21:59

另一种方法是转到“开发人员工具”窗口中的“元素”视图,选择页面上的扬声器图标进行检查,然后您将在“元素”视图中看到:
–詹森·格夫纳(Jason Geffner)
2013年6月25日22:01



#2 楼

查找带有音频文件的URL的另一种方法是使用Chrome浏览器中的开发人员工具检查获取请求:



评论


您正在使用哪个浏览器?

–卡洛
18 Mar 26 '18 at 12:11

Chrome浏览器。

– 0x8BADF00D
18 Mar 27 '18 at 15:50

需要特别注意的是“复制为cURL”,它将为您提供完整的curl命令,以精确地重现HTTP请求。如果站点检查用户代理/引荐/ Cookie等,这将很有帮助。

–布伦丹·多兰·加维特(Brendan Dolan-Gavitt)
18 Mar 27 '18 at 23:10

#3 楼

如今,网页通常使用用Javascript编写的播放器,因此您需要一点html和js知识来挖掘和使用一些Web开发工具,例如上面提到的其他工具。您可以只使用Internet Download Manager(IDM)之类的应用程序,该应用程序可以在浏览器上播放时下载任何类型的多媒体文件。它支持所有音频视频播放网站,如Youtube,Grooveshark等。它具有共享软件,但您也可以使用试用版进行此操作。

安装应用程序并重新启动浏览器。它支持Firefox,Chrome,Opera,IE,Safari等。

在页面上播放文件时,您会在窗口左上方看到一个图标



单击图标后,您将看到具有文件URL和其他信息的下载文件信息窗口。您可以复制和使用URL的文件名部分。通常它具有模式,您可以猜测或找到其他文件的路径。