cross-browser - 如何使用 html 音频标签播放 google drive mp3 文件?

标签 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。我希望这能在所有浏览器中播放。请给我建议....

最佳答案

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

2. 从 URL 中提取 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

关于cross-browser - 如何使用 html 音频标签播放 google drive mp3 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32392072/

相关文章:

无样式内容的 Jquery flash(IE 和 Chrome)

html - 我可以使用字体大小 : calc(1px * 1vw) to get around compatibility issues?

node.js - 如何使用 NodeJS 和 Google Drive API v3 将文件移动到回收站

ios - 将 AccessToken 保存到 Google Drive API 的钥匙串(keychain)

javascript - 如何使AudioContext()和RequestAnimationFrame()在当前浏览器中运行

html - 中间有单词的水平线的CSS技巧

html - 位置 : absolute inside inline position:relative? 是否有替代方案

google-drive-api - 使用 google-api-ruby-client 从 Google Drive 下载文件

javascript - HTML5 中的这段音频有什么问题?

javascript - HTML5 网络音频 API : Filters is not working