斗鱼HTML代码使用教程

亲爱的编程学习爱好者，如果你点开了这篇文章，说明你对《斗鱼如何用HTML代码【教程】》很感兴趣。本篇文章就来给大家详细解析一下，主要介绍一下，希望所有认真读完的童鞋们，都有实质性的提高。

斗鱼平台不支持用户直接提交HTML代码，但可通过四种合规方式实现HTML相关功能：一、用直播间组件iframe嵌入HTTPS外部网页；二、在个人简介用类Markdown语法模拟HTML效果；三、经开放平台审核后使用弹幕CSS扩展；四、通过直播伴侣加载本地file://HTML悬浮窗。

如果您希望在斗鱼平台中嵌入或使用HTML代码，需注意斗鱼官方并不开放用户在直播间、弹幕、个人主页等常规交互区域直接提交和执行HTML代码。以下是几种与HTML相关且实际可行的操作路径：

一、使用斗鱼官方支持的直播间组件配置

斗鱼为部分认证主播提供“直播间组件”管理后台，允许通过可视化方式添加第三方网页嵌入模块，其底层依赖 iframe 加载外部页面，该外部页面可由您自主编写并部署含完整 HTML/CSS/JS 的网页。

1、登录斗鱼主播后台（https://admin.douyu.com），进入【直播间设置】→【直播间组件】。

2、点击【添加组件】，选择【网页嵌入】类型。

3、在“网页地址”栏填写您已部署好的 HTTPS 协议网页URL，例如 https://yourdomain.com/douyu-widget.html。

4、确保该网页符合斗鱼 iframe 安全规范：启用 X-Frame-Options: ALLOW-FROM https://www.douyu.com 或使用 CSP header 允许斗鱼域名嵌入。

二、在斗鱼个人主页“简介”区域使用有限格式化语法

斗鱼个人主页简介栏不解析 HTML 标签，但支持类 Markdown 的简易标记，部分效果可模拟基础 HTML 行为，属于平台预设白名单渲染逻辑。

1、进入斗鱼个人中心 → 【编辑资料】→ 【个人简介】文本框。

2、输入以 > 开头的内容，系统将渲染为引用块样式，类似 HTML 中的

效果。

3、输入 **加粗文字**，系统将渲染为加粗样式，对应 HTML 中的 标签语义。

4、输入 [显示文字](https://example.com)，系统将生成可点击链接，但目标 URL 必须为斗鱼白名单域名或经审核的合作伙伴链接，非白名单链接会被自动过滤或转为纯文本。

三、通过斗鱼开放平台接入自定义弹幕样式（需审核）

斗鱼开放平台提供“弹幕样式扩展”能力，允许合作公会或通过 SDK 接入的客户端，在特定权限下发送携带 CSS 类名的富文本弹幕，服务端仅透传 class 属性，前端由斗鱼播放器按预置样式表渲染。

1、前往斗鱼开放平台（https://dev.douyu.com）注册企业开发者账号并完成实名认证。

2、提交【弹幕样式扩展】能力申请，说明使用场景及 class 命名规则，每个 class 名必须以 dy-ext- 开头且长度不超过 32 位。

3、审核通过后，在发送弹幕时于 content 字段中嵌入 JSON 结构，例如：{"text":"欢迎","class":"dy-ext-welcome"}。

4、斗鱼播放器将自动匹配已备案的 dy-ext-welcome 样式，该样式定义存储于斗鱼 CDN，您不可直接上传或修改 CSS 文件，仅能申请更新备案。

四、利用斗鱼直播伴侣插件注入本地 HTML 预览页

斗鱼直播伴侣（Windows 客户端）支持“自定义悬浮窗”功能，允许主播加载本地 file:// 协议 HTML 页面作为辅助工具界面，该页面运行于独立 WebView 实例，不与斗鱼主站同源策略冲突。

1、编写一个本地 HTML 文件，例如 D:\douyu\overlay.html，确保包含完整 DOCTYPE 和 UTF-8 声明。

2、打开斗鱼直播伴侣 → 【设置】→ 【高级设置】→ 【自定义悬浮窗】→ 【启用】。

3、在“网页路径”中填写绝对路径：file:///D:/douyu/overlay.html（注意三个斜杠及盘符大写）。

4、启动悬浮窗后，该页面可调用 window.external.invoke 向直播伴侣发送指令，但无法访问 document.cookie 或调用 alert/prompt 等阻塞 API。

以上就是《斗鱼HTML代码使用教程》的详细内容，更多关于的资料请关注golang学习网公众号！