{"id":3019,"date":"2025-06-11T10:45:46","date_gmt":"2025-06-11T02:45:46","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/3019.html"},"modified":"2025-06-11T10:45:47","modified_gmt":"2025-06-11T02:45:47","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8-wordpress-%e6%96%87%e7%ab%a0%e4%b8%ad%e5%b5%8c%e5%85%a5-soundcloud%ef%bc%88%e4%bd%bf%e7%94%a8-oembed%ef%bc%89","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/3019.html","title":{"rendered":"\u5982\u4f55\u5728 WordPress \u6587\u7ae0\u4e2d\u5d4c\u5165 SoundCloud\uff08\u4f7f\u7528 oEmbed\uff09"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n
\"Bug编译狮\"<\/figure>\r\n\r\n\r\n\r\n

Bug编译狮<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n

\r\n
\r\n

要在 WordPress 中嵌入 SoundCloud 的音频链接，你可以使用 oEmbed API 来实现这一功能。SoundCloud 提供了一个强大的 API，允许开发者从网页上获取音频数据并将其嵌入到网站中。<\/p>\n

步骤 1: 注册 SoundCloud 帐号<\/h3>\n

首先，你需要在 SoundCloud 上创建一个帐户。如果你还没有 SoundCloud 账号，请访问 SoundCloud 官网<\/a> 并注册。<\/p>\n

步骤 2: 获取 API 密钥<\/h3>\n

一旦你在 SoundCloud 创建了帐户，你会被要求同意其服务条款和隐私政策。完成这些后，SoundCloud 将会提供一个用于生成 API 密钥的链接。请务必保存这个密钥，因为它是用来验证请求的有效凭证。<\/p>\n

步骤 3: 编写 PHP 代码以嵌入 SoundCloud 音频<\/h3>\n

接下来，在你的 WordPress 站点中添加一个 PHP 文件来处理 oEmbed 请求。以下是一个简单的示例：<\/p>\n

<?php\n\/\/ 检查是否已经登录\nif (!is_user_logged_in()) {\n    wp_redirect(home_url());\n    exit;\n}\n\n\/\/ 获取 SoundCloud API 密钥\n$apiKey = 'YOUR_SOUNDCLOUD_API_KEY';\n\n\/\/ 检查 SoundCloud 是否已连接\n$soundcloud = new SoundCloudClient($apiKey);\n\n\/\/ 获取用户 ID 或者其他参数\n$user_id = isset($_GET['user']) ? $_GET['user'] : null;\n\n\/\/ 如果用户 ID 不为空，则获取用户信息\nif ($user_id) {\n    $user = $soundcloud->get('\/users\/' . $user_id);\n} else {\n    \/\/ 默认显示第一个用户的信息\n    $user = $soundcloud->get('\/');\n}\n\n\/\/ 输出 oEmbed 数据\necho '<audio controls>';\necho '<source src=\"' . esc_url($user->streaming_url) . '\" type=\"audio\/mpeg\">';\necho '<\/audio>';\n?><\/code><\/pre>\n
步骤 4: 添加到 WordPress 页面或模板<\/h3>\n
将上述代码粘贴到一个文本编辑器中，然后上传该文件到你的 WordPress 主目录下的 wp-content\/themes\/your-theme<\/code> 目录下，或者将代码复制到你的自定义插件文件夹中。<\/p>\n
为了使代码生效，确保在 WordPress 内容管理页面中找到相应的 HTML 标签，例如 <div><\/code> 或 <iframe><\/code>，并在其中插入上述代码。这将根据 SoundCloud 音频 URL 自动填充音频播放器。<\/p>\n
示例代码效果<\/h3>\n
当用户访问某个页面时，如果他们在 URL 后面加上 ?user=123<\/code> 参数（假设用户 ID 为 123），那么就会自动加载该用户的 SoundCloud 音频流，并通过音频播放器展示出来。如果没有特定用户 ID，则会默认显示第一个用户的声音。<\/p>\n
注意事项<\/h3>\n
    \n
  • 确保 SoundCloud API 密钥正确无误。<\/li>\n
  • 在实际部署前，测试代码以确保一切正常工作。<\/li>\n
  • 处理用户隐私和安全问题，不要公开 API 密钥，而是存储在一个安全的位置。<\/li>\n<\/ul>\n
    以上就是如何在 WordPress 文章中嵌入 SoundCloud 音频的方法。希望对你有所帮助！<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \"黑板前的Bug语法讲师\"<\/figure>\r\n\r\n\r\n\r\n
    黑板前的Bug语法讲师<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
    \r\n
    \r\n
    教学目标：<\/h3>\n
      \n
    • 理解如何在WordPress文章中嵌入SoundCloud（使用oEmbed）。<\/li>\n
    • 学习如何使用WordPress插件或自定义功能实现此功能。<\/li>\n<\/ul>\n
      课程大纲：<\/h3>\n
      1. 导言<\/h4>\n
        \n
      • 学习目的<\/strong>：了解如何在WordPress文章中嵌入SoundCloud（使用oEmbed）。<\/li>\n<\/ul>\n
        2. 基础知识介绍<\/h4>\n
          \n
        • \n
          什么是SoundCloud？<\/strong><\/p>\n
            \n
          • SoundCloud是一个在线音乐分享平台，用户可以发布、播放和搜索各种音频文件。<\/li>\n<\/ul>\n<\/li>\n
          • \n
            oEmbed是什么？<\/strong><\/p>\n
              \n
            • oEmbed是一种将网站内容转换为标准格式，以便其他站点可以将其插入到网页上。<\/li>\n<\/ul>\n<\/li>\n
            • \n
              如何创建一个oEmbed链接？<\/strong><\/p>\n<\/li>\n<\/ul>\n
              3. 插件安装与设置<\/h4>\n
                \n
              • \n
                寻找并安装WordPress插件<\/strong><\/p>\n
                  \n
                • 在WordPress后台，找到“插件”标签页，选择“搜索”，然后输入“oEmbed”。<\/li>\n<\/ul>\n<\/li>\n
                • \n
                  激活插件<\/strong><\/p>\n
                    \n
                  • 找到刚刚激活的插件，点击“启用”。<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
                    4. 使用oEmbed插入音乐<\/h4>\n
                      \n
                    • 在WordPress文章中插入音乐<\/strong>\n
                        \n
                      • 首先，在文章标题下点击“更多选项”按钮，选择“插入内容”。<\/li>\n
                      • 在弹出窗口中，查找“oEmbed”并点击它。<\/li>\n
                      • 输入你的SoundCloud链接，然后点击“确定”。<\/li>\n
                      • 此时，文章中的音乐将会自动播放。<\/li>\n<\/ul><\/li>\n<\/ul>\n
                        5. 自定义oEmbed样式<\/h4>\n
                          \n
                        • 调整oEmbed样式<\/strong>\n
                            \n
                          • 在WordPress文章中，找到“编辑”选项卡下的“外部链接”部分。<\/li>\n
                          • 在这里你可以更改音乐图标、文本描述等属性。<\/li>\n<\/ul><\/li>\n<\/ul>\n
                            6. 高级功能应用<\/h4>\n
                              \n
                            • \n
                              跨域问题解决<\/strong><\/p>\n
                                \n
                              • 在某些情况下，可能会遇到跨域问题，导致无法正确显示音乐。可以通过配置wp-oembed-srcset<\/code>来解决这个问题。<\/li>\n<\/ul>\n<\/li>\n
                              • \n
                                优化加载速度<\/strong><\/p>\n
                                  \n
                                • 通过调整音乐文件大小、压缩视频等方式，提高加载速度。<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
                                  7. 结论<\/h4>\n
                                    \n
                                  • 总结<\/strong>\n
                                      \n
                                    • 探讨了如何在WordPress文章中嵌入SoundCloud（使用oEmbed），以及一些高级功能的应用。<\/li>\n<\/ul><\/li>\n
                                    • 练习<\/strong>\n
                                        \n
                                      • 实践如何在自己的WordPress主题中添加oEmbed功能。<\/li>\n<\/ul><\/li>\n<\/ul>\n
                                        8. 评估与反馈<\/h4>\n
                                          \n
                                        • 完成度评价<\/strong>\n
                                            \n
                                          • 根据学生提交的文章中是否成功嵌入SoundCloud（使用oEmbed）来评估他们的理解程度。<\/li>\n<\/ul><\/li>\n
                                          • 互动环节<\/strong>\n
                                              \n
                                            • 提供一个实践作业，让学生尝试在自己博客上的文章中嵌入音乐。<\/li>\n<\/ul><\/li>\n<\/ul>\n
                                              \n
                                              示例代码<\/h3>\n
                                              <!-- 在文章标题下方 -->\n<a href=\"https:\/\/soundcloud.com\/your-account\" title=\"听音乐\">\n  <img src=\"https:\/\/i.ytimg.com\/vi\/YOUR_VIDEO_ID\/mqdefault.jpg\" alt=\"Your Video\" width=\"100px\" height=\"100px\" \/>\n  <h2>听音乐<\/h2>\n<\/a><\/code><\/pre>\n
                                              \/\/ 检查是否有oEmbed支持\nfunction check_oembed_support() {\n    if (get_option('oembed_enabled') == 'yes') {\n        return true;\n    }\n    return false;\n}\n\nif (!check_oembed_support()) {\n    \/\/ 如果没有oEmbed支持，跳转到错误页面\n    wp_redirect(esc_url(home_page()));\n    exit();\n}<\/code><\/pre>\n
                                              这些代码展示了如何在WordPress文章中嵌入SoundCloud（使用oEmbed）。你可以根据需要修改它们以适应不同的场景和需求。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
                                              Bug编译狮 要在 WordPress 中嵌入 SoundCloud 的音频链接，你可&#201..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[59],"tuisongtax":[],"class_list":["post-3019","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-pzjc"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3019","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/comments?post=3019"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3019\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=3019"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=3019"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=3019"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=3019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}