如何使用html音频标签播放谷歌驱动器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

我正在使用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 2

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

2.从URL 1nQklEicsMeGBnuk0vv6zkHtXtyGy10S-中提取id

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

4.下载音频文件https://drive.google.com/uc?authuser=0&id=1nQklEicsMeGBnuk0vv6zkHtXtyGy10S-&export=download的URL

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

Answer 3

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

如果您通过链接共享MP3，则会获得这样的链接

https://drive.google.com/file/d/XXXXXXXXXXXXXXXXXX/view?usp=sharing，其中XXXXXXXXXXXXXXXXXX是您的MP3文件的ID。然后，您可以获得此音频的直接链接

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

您的浏览器不支持HTML5音频:(

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

尝试将其视为HTML代码：

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

确保你正确转换该链接，它将工作！