HTML启动器

iradio — HTML 启动器模板

作者 walexi

iradio 是一个面向 Icecast 服务器的网络电台网页客户端模板，基于 HTML 与 jQuery/jPlayer 构建，通过修改 main.js 中的两个地址即可接入自己的电台流。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图

作者提供的预览

查看源码在新标签页打开

作者提供的预览首屏预览

来自项目 README 的原始预览。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-04查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

为 Icecast 服务器优化的网页电台客户端模板

通过 jPlayer 实现音频流播放

从 xspf 地址读取当前播放曲目信息

只需修改 main.js 中的两个 URL 即可接入电台

可替换 img 目录中的 logo 图片

MIT 许可，允许修改与商用

模板详细介绍

iradio 是一个网络电台网站模板，定位为 Icecast 服务器的网页客户端。它使用 HTML 页面配合 js 目录下的 main.js 脚本，通过 jPlayer 播放音频流，并从 Icecast 的 xspf 地址获取当前播放曲目信息。项目 README 给出了明确的接入步骤：编辑 main.js，在第 3 行 radioTitle 函数中把 url 变量替换为获取当前播放信息的地址（Icecast 服务器形如 192.000.000/iradio.xspf），在第 55 行把 setMedia 的 mp3 参数替换为实际的流地址。此外可以替换 img 目录中的 logo 图片以匹配自己的品牌。模板仓库中提供了 demo.png 作为作者预览图，并附有 GitHub Pages 演示链接。项目采用 MIT 许可，代码可免费使用、修改、商用和分发，但演示图片、字体、图标等第三方素材需单独核对许可，域名、托管等外部服务也可能产生费用。

HTML启动器

适合你的项目吗？

适用场景

为已有 Icecast 服务器搭建一个简单的网页收听入口
作为网络电台前端页面的起点进行二次开发
学习 jPlayer 与 Icecast 元数据接口的配合方式

适合人群

已经运行 Icecast 服务器、需要网页客户端的个人或小型电台
希望用少量配置快速上线电台页面的开发者
需要 MIT 许可模板进行修改和分发的使用者

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
编辑 js 目录下的 main.js 文件
2
在 radioTitle 函数第 3 行把 url 变量改为获取当前播放信息的地址，Icecast 服务器形如 192.000.000/iradio.xspf
3
在第 55 行把 jPlayer setMedia 的 mp3 参数改为实际的流地址
4
可替换 img 目录中的 logo 图片
5
使用前需自行准备可用的 Icecast 服务器与音频流地址

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

该模板专为 Icecast 服务器设计，作为其网页客户端使用；若使用其他流媒体服务器，需自行修改 main.js 中的元数据与流地址逻辑。
获取当前播放曲目信息依赖 Icecast 的 xspf 接口，需自行提供可访问的服务器地址，否则无法显示曲目信息。
音频播放需在 main.js 中填入实际可用的流媒体服务器地址，模板本身不包含任何音频流或服务器。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

This is a template for an internet radio site. It's optimized as a web client for an Icecast server.
README 原文

put the url to fetch currently playing here. For an icecast server, it looks like this 192.000.000/iradio.xspf
README 原文

Put the url of the server here such as 192.000.000.000/iradio
README 原文

https://github.com/walexi/iradio/blob/master/LICENSE https://github.com/walexi/iradio/blob/master/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-04。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料一般 · 56 / 100
技术栈: HTML
网站类型: 启动器

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2017-07-25
截图检查日期: 2026-10-04

目前没有记录演示链接。请依据仓库说明在本地评估；仅凭截图无法确认交互行为。

目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-04

查看当时使用的来源资料

SHA-256: 014c81e7cc76f61a39b8030f52efe0c782cceeb19be072adcfd5f2aa6e7335fb

2026-10-04T03:19:54.851Z

来源文件 / 仓库

# iradio
This is a template for an internet radio site. It's optimized as a web client for an Icecast server.

See demo here https://walexi.github.io/iradio/


![Alt text](/demo.png?raw=true "Demo")



To use this

1. Edit the main.js file in the js directory

2. Change the url on line 3 in the radioTitle function  
 `var url = ' '; //put the url to fetch currently playing here. For an icecast server, it looks like this 192.000.000/iradio.xspf`

3.  Modify the url on line 55  
 `$(this).jPlayer("setMedia", {mp3: " " //Put the url of the server here such as 192.000.000.000/iradio}).jPlayer("play");`


4.  You can also change the logo in the img folder and edit to suit your taste

Credits:
jplayer https://github.com/jplayer/jPlayer

zen player https://github.com/simurai/ZEN-Player

反馈内容错误