如何在HTML的audio标签中嵌入Google Drive音频链接

实现方法 #

你当前使用的是Google Drive的文件预览页面链接，并非可直接读取的音频资源地址，所以audio标签无法正常加载播放，按以下步骤修改即可：

• 第一步：调整Google Drive音频文件的共享权限，设置为「所有获知链接的用户均可查看」，否则修改链接后也无法正常访问资源。
• 第二步：从现有链接中提取文件ID，你示例链接对应的文件ID为 11wfYWiukbIZJQnDL385jQs2SGQA5ESbL，通用提取规则是取链接中d/和/view之间的字符串。
• 第三步：将audio标签的src属性替换为固定格式的直链地址，格式为 https://drive.google.com/uc?export=download&id=替换为你的文件ID

修改后的完整代码如下：

<audio controls autoplay>
  <source src="https://drive.google.com/uc?export=download&id=11wfYWiukbIZJQnDL385jQs2SGQA5ESbL">
</audio>

该方案仅适用于体积较小的音频文件，如果音频文件过大，Google Drive会弹出安全扫描提示拦截直链下载，此时无法通过该方式实现播放。

内容的提问来源于stack exchange，提问作者Sai Tarun