如何使用 html 音频标签播放 google drive mp3 文件？

Posted 2023-05-07

【中文标题】如何使用 html 音频标签播放 google drive mp3 文件？

【英文标题】：How to play google drive mp3 file using html audio tag?

【发布时间】：2015-11-30 06:12:55

【问题描述】：

我的目标是从谷歌驱动器播放 mp3 文件。我正在使用插件 MediaElement js。我得到的参考是https://www.portalzine.de/dev/html5/hosting-mp3-files-on-google-drive-html5-audio-player/ 这适用于 chrome、Mozilla firefox，但不适用于 IE-11、safari 和 opera。我希望它可以在所有浏览器中播放。请给我建议....

【问题讨论】：

看看这个，更好的解决方案webapps.stackexchange.com/questions/65763/…

上面的链接也没有帮助我，我所做的是从驱动器下载我想链接的文件，而不是复制它的 URL 位置并将其用于我的音频 src，它工作...不确定该 URL 是永久的还是随时间变化的。会检查

【参考方案1】：

1.音频文件的 URL（任何人都可以查看）

https://drive.google.com/file/d/1nQklEicsMeGBnuk0vv6zkHtXtyGy10S-/view?usp=sharing

2。从 URL 中提取 id

1nQklEicsMeGBnuk0vv6zkHtXtyGy10S-

3.播放音频文件的 URL

https://docs.google.com/uc?export=download&id=id

示例：

https://docs.google.com/uc?export=download&id=1nQklEicsMeGBnuk0vv6zkHtXtyGy10S-

4.音频文件下载地址

https://drive.google.com/uc?authuser=0&id=id&export=download

示例：

https://drive.google.com/uc?authuser=0&id=1nQklEicsMeGBnuk0vv6zkHtXtyGy10S-&export=download

5.用于播放音频的 HTML：

<audio controls="controls">
    <source src="https://docs.google.com/uc?export=download&id=id">
</audio>

示例：

<audio controls="controls">
  <source src="https://docs.google.com/uc?export=download&id=1nQklEicsMeGBnuk0vv6zkHtXtyGy10S-">
</audio>

6.用于下载音频的 HTML：

<a href="https://drive.google.com/uc?authuser=0&id=id&export=download"/>Download

示例：

<a href="https://drive.google.com/uc?authuser=0&id=1nQklEicsMeGBnuk0vv6zkHtXtyGyO9S-&export=download"/>Download

【讨论】：

太棒了！这救了我很多！

这对我有用。

【参考方案2】：

在另一个页面上的另一个线程中，有人写了唯一对我有用的解决方案：

如果您通过链接分享 MP3，您将获得这样的链接

https://drive.google.com/file/d/XXXXXXXXXXXXXXXXXX/view?usp=sharing 其中 XXXXXXXXXXXXXXXXXX 是您的 MP3 文件的 ID。然后，您可以通过

获得指向此音频的直接链接

http://docs.google.com/uc?export=open&id=XXXXXXXXXXXXXXXXXX 特别是你可以使用

<audio controls>
   <source src="http://docs.google.com/uc?export=open&id=XXXXXXXXXXXXXXXXXX" type="audio/mp3">
   <p>Your browser does not support HTML5 audio :(</p>
</audio> 

第一个链接是您通常获得的链接，另一个链接是您要使用的链接

试着把它想象成 HTML 代码：

<audio controls>    
    <source src="http://docs.google.com/uc?export=open&id=XXXXXXXXXXXXXXXXXX" type="audio/mp3">    
</audio>

确保您正确转换该链接，它会起作用！

【参考方案3】：

我正在使用 Google Drive 的 Direct Link Creator 插件并轻松获取链接。这是一个例子。

<audio controls="controls">
    <source src="https://docs.google.com/uc?export=download&id=0B_ETxiqrp0SzbF9VQ3JCS2hnSlU">
</audio>

<video controls="controls">
    <source src="https://drive.google.com/uc?export=download&id=0B0JMGMGgxp9WMEdWb1hyQUhlOWs" type='video/mp4' />
</video>

【讨论】：

这适用于 iPhone 吗？我也在做同样的事情并在桌面浏览器上工作。但不适用于 iPhone。 （Chrome 和 Safari 都有）

【参考方案4】：

我试图在 Actions on Google 的 SSML 音频标签中完成此操作。上述步骤似乎都不起作用。我终于找到了解决办法。

1) 从分享链接中获取文件ID https://drive.google.com/file/d/your_file_id/view?usp=sharing

2) 构建直接链接 http://docs.google.com/uc?export=open&id=your_file_id

3) 将直接链接粘贴到网络浏览器中并按 Enter 键

4) 浏览器重定向后复制生成的 URL 注意：这将是一个更长的 URL，看起来像这样： https://doc-XX-XX-docs.googleusercontent.com/docs/securesc/XXXXXXXXXXXXXXXXXXXXX/XXXXXXXXXXXXXXXXXXXX/000000000000000/0000000000000000000000/*/your_file_id?e=open

使用这个最终到达网址是我可以让我上传的声音文件与 Google 上的 Actions 一起使用的唯一方法。

【讨论】：

你好，我在应用程序中实际使用此链接流媒体文件：docs.google.com/uc?export=open&id=your_file_id 它有每日限制或其他限制吗？