上周我们在TechJunkie Towers收到了一个有趣的问题。 它考虑了我以前从未考虑过的事情，并且想知道如何使用Google云端硬盘将MP3音频嵌入到网页中。 作为为组织运营许多网站的人，这个问题已交给我回答。
如果您想在页面上显示特色，通常会在网站旁边托管任何媒体。 它使事情保持整洁，并减少了网页在加载时必须进行的外部查询的数量。 但是，这不是唯一的处理方法，如果由于某种原因您不能在网站旁托管音频，则可以使用Google云端硬盘或其他云服务托管它并链接到您的网页。
尽管本教程解决了嵌入网页的问题，但相同的原理适用于大多数在线页面。 其中可能包括社交网络，博客，Wiki，登录页面或其他内容。
使用Google云端硬盘在网页上嵌入音频
要在网页上嵌入音频，通常我们会将MP3文件上传到网络主机，然后将其内嵌在网页上。 这使页面可以查询主机并快速播放音乐，而无需其他外部查询。 这并不总是可能的。 如果您的Web主机上没有足够的空间存储空间，或者该主机不是非常快或不适合流式传输，则需要在其他地方查找。
那就是Google Drive或其他云服务的来源。您可以将MP3上传到云存储，然后从您的网页链接到它。 然后，每次有人播放曲目时，他们都是从您的云端硬盘而不是在您的虚拟主机上流式传输。 鉴于Google云服务器的大小和功能强大，您不妨利用它来发挥自己的优势！
设置方法如下：
- 照常登录到Google云端硬盘。
- 创建一个文件夹，然后将MP3文件上传到其中。
- 将MP3文件的权限设置为“打开–在网络上公开，互联网上的任何人都可以找到和查看”。
- 保存权限。
- 在“共享”页面上捕获共享链接。 它将以“https://drive.google./com/…”开始
就是这样设置。 您的MP3文件现在位于云中，任何具有共享链接的人都可以访问。 现在，我们需要将该链接在线放置在您的网页上，以供其他人访问。
将链接嵌入到页面中
嵌入共享链接的确切方式取决于您在网站上使用的内容。 您可以为WordPress或Joomla使用与HTML或其他框架不同的方法。
要将MP3嵌入WordPress页面，请执行以下操作：
- 在WordPress中打开页面，并为音频文件留出空间。
- 选择页面编辑器顶部的“添加媒体”按钮。
- 选择输入网址，然后从上方粘贴Google云端硬盘网址。
- 给它命名和标题，然后插入媒体。
- 完成后保存页面。
如果预览页面，现在应该会看到链接及其说明，该链接及其描述已添加到页面上的位置。 播放媒体，媒体将通过页面从您的Google云端硬盘不可见地播放。 这是一种在页面上添加富媒体而不用占用Web主机上存储空间的非常整洁的方法。
如果您不使用WordPress而需要将代码嵌入到iFrame中，那也非常简单。 由于iFrame是网络标准，因此大多数框架和发布平台都应支持它们。 因此，您所需要做的就是创建iFrame并将其放置在页面上。
要使用其他框架嵌入MP3文件，请执行以下操作：
- 将Google云端硬盘共享网址粘贴到文本编辑器中。
- 将URL末尾的“ / view”更改为“ / preview”，然后复制整个URL。
- 将其粘贴到下面的代码中，代替“ src =”之后的示例URL。
- 在HTML编辑器中打开网页或使用平台的编辑器。
- 将包括在内的整个代码放入您想要显示的页面中。
- 保存文件并进行测试。
编码：
frameborder =“ 0” width =“ 500” height =“ 250” src =“ https://drive.google.com/file/d/MP3FILEURL/preview”>
选中后，播放器应出现在您的页面上并播放MP3文件。 上传后，请务必自行检查链接，以确保其正常工作。 然后发布修改后的页面，尽情享受吧！
这就是通过Google云端硬盘将MP3音频嵌入网页的方法。 知道其他方法吗？ 如果您愿意，请在下面告诉我们！
