这个项目能做什么
Static是一个开源的、基于网页的嵌入式收音机播放器。它使用webpack生成一个静态页面,可以托管为GitHub Page,因此整个播放器在客户端运行,无需后端。
工作原理:一个隐藏的iframe根据你选择的电台,在不同YouTube嵌入式直播流的URL之间切换。代码连接到一个非官方的YouTube API,允许暂停流。背景是来自giphy的视频,加载到背景视频元素中,以50%的速度播放,以获得更放松的效果。
电台和背景是数据驱动的。你更新src/data中的streams JSON来收听你偏好的直播流;目前仅支持YouTube。你更新src/data中的backgrounds JSON来选择播放器后面显示的放松动画。电台可以从YouTube以拉取请求的形式提交,或者可以分叉仓库以创建个人播放列表。
开发:使用webpack在本地构建,将输出文件放在公共目录中,并使用静态服务器提供它们。从仓库根目录运行npm install、npm run build和npm run local。
注意:某些浏览器会阻止自动视频播放,因此可能需要在YouTube上启用自动播放功能才能让Static正常工作。该项目采用AGPLv3许可证。
评论
0 评分人数达到10人后显示
登录后参与讨论。