如何使用HTML音频标签播放Google Drive mp3文件？

Question

我的目标是从Google驱动器播放mp3文件。我正在使用插件MediaElement js。我获得的参考是https://www.portalzine.de/dev/html5/hosting-mp3-files-on-google-drive-html5-audio-player/ 这适用于Chrome，Mozilla firefox，但不适用于IE- 11，野生动物园和歌剧。我希望在所有浏览器中都能播放。请给我建议。

Answer 1

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

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

https://drive.google.com/file/d/XXXXXXXXXXXXXXXXXX/view?usp=sharing 其中 XXXXXXXXXXXXXXXXXXXXX 是您的 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 2

我正在使用Google云端硬盘的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 3

1.音频文件的网址（任何人都可以查看） https://drive.google.com/file/d/1nQklEicsMeGBnuk0vv6zkHtXtyGy10S-/view?usp=sharing

2.从URL 1nQklEicsMeGBnuk0vv6zkHtXtyGy10S-中提取ID

3.播放音频文件的 网址https://docs.google.com/uc?export=download&id=1nQklEicsMeGBnuk0vv6zkHtXtyGy10S-

4.下载音频文件的URL 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=1nQklEicsMeGBnuk0vv6zkHtXtyGy10S-">
</audio>

6.用于下载音频的HTML：

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