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

Question

我的目标是从谷歌驱动器播放 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。我希望它可以在所有浏览器中播放。请给我建议....

Answer 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

Answer 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>

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

Answer 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>

Answer 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 一起使用的唯一方法。