如何使用html音频标签播放谷歌驱动器mp3文件?

时间:2015-09-04 07:07:31

标签: cross-browser google-drive-api html5-audio mediaelement.js

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

4 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:1)

我试图在Google Actions的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一起使用的唯一方法。

答案 2 :(得分:0)

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

如果您通过链接共享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>

请确保您正确转换了该链接,并且该链接可以正常工作!

答案 3 :(得分:0)

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

2。从网址中提取ID 1nQklEicsMeGBnuk0vv6zkHtXtyGy10S-

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

4。下载音频文件的网址 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