嵌入方式
把下面代码中的 your-school-slug 和 你的学校名称 替换成校园点歌台已公开学校页对应的信息即可。
<campus-radio
school="your-school-slug"
school-name="你的学校名称">
<a href="https://radio.hn.cn/school/your-school-slug/">
你的学校名称广播站在线点歌｜校园点歌台
</a>
</campus-radio>
<script src="https://radio.hn.cn/widget.js" defer></script>
建议保留组件内部的 fallback 链接。即使浏览器禁用 JavaScript，学生仍可进入本校点歌页；同时页面源代码中也保留清晰、可抓取的学校点歌入口。
可用属性
| 属性 | 用途 | 要求 |
|---|---|---|
school | 公开学校页 slug | 仅使用已授权公开学校的 slug，例如 luohe-vocational-technical-college |
school-name | 挂件显示的学校名称 | 建议填写学校正式名称 |
button-text | 可选 CTA 文案 | 不填时默认为“进入本校点歌页” |
隐私与发布边界
- Widget 不读取学生个人数据。
- Widget 不包含登录、后台、支付或写操作。
- Widget 只链接到已通过公开 Web 授权的学校点歌页。
- 学校未出现在公开学校列表中时，不应自行创建或猜测公开 slug。
它如何工作
浏览器加载 https://radio.hn.cn/widget.js 后，会把 <campus-radio> 渲染成独立卡片。点击按钮进入对应学校的官方公开点歌页，再由该页面引导学生打开微信小程序「校园点歌 I 云点歌台」。