HTML5互联网收音机播放器PawTunes

发表于 更新于 分类于 Waline： 阅读次数： 本文字数： 2.2k 阅读时长 ≈ 2 分钟
PawTunes 是一款功能强大、用途广泛的网络互联网广播播放器，专为广播电台和音乐爱好者而设计。

简介

什么是 PawTunes ？

PawTunes 是一款功能强大、用途广泛的网络互联网广播播放器，专为广播电台和音乐爱好者而设计。PawTunes 是经过 15 年多经验的全新打造，融合了尖端技术、优雅设计和无与伦比的性能，为您带来极致的广播播放器体验。

主要特点

- HTML5 音频 API：与所有主流浏览器兼容，提供一致的用户体验。

  • 响应式设计：优化以适应桌面、平板和手机等不同设备。
  • 多通道支持：允许配置无限数量的频道。
  • 动态播放列表生成：支持实时创建播放列表。
  • 多语言支持：根据浏览器区域自动调整语言。
  • 艺术品缓存和管理：从 Spotify、iTunes 和 FanArtTV 等 API 获取并存储图像。
  • 可定制的主题：提供多个模板和颜色方案供选择。

官方提供了在线演示：https://prahec.com/projects/pawtunes/demo/panel/index.php

安装

在群晖上以 Docker 方式安装。

Docker 版与主版本的唯一区别在于它使用 APCu 缓存而不是“磁盘”模式。

在注册表中搜索 pawtunes ，选择第一个 jackyprahec/pawtunes，版本选择最新的 1.0.4。

端口

本地端口不冲突就行，不确定的话可以用命令查一下

1
2
# 查看端口占用
netstat -tunlp | grep 端口号
本地端口 容器端口
3395 80

默认暴露了两个端口

用不到的可以点 - 号删了

命令行安装

如果你熟悉命令行，可能用 docker cli 更快捷

1
2
3
4
5
6
# 运行容器
docker run -d \
   --restart unless-stopped \
   --name pawtunes \
   -p 3395:80 \
   jackyprahec/pawtunes:1.0.4

也可以用 docker-compose 安装，将下面的内容保存为 docker-compose.yml 文件

1
2
3
4
5
6
7
8
9
version: '3'

services:
  pawtunes:
    image: jackyprahec/pawtunes:1.0.4
    container_name: pawtunes
    restart: unless-stopped
    ports:
      - "3395:80"

然后执行下面的命令

1
2
3
4
5
6
7
8
9
10
# 新建文件夹 pawtunes
mkdir -p /volume1/docker/pawtunes

# 进入 pawtunes 目录
cd /volume1/docker/pawtunes

# 将 docker-compose.yml 放入当前目录

# 一键启动
docker-compose up -d

运行

如果你像往常一样在浏览器中输入 http://群晖IP:3395，只会看到下面的错误

ERROR: Unable to find channels, please create one!

这个应用正确的打开方式是 http://群晖IP:3395/panel/index.php

默认的用户名和密码是： admin/password

登录成功后的主界面

主菜单 Settings –> Control Panel 可以修改密码

添加频道

主菜单 Channels

点 Add Channel

老苏没有源，这是在网上随便搜到的一个源

格式支持 MP3、OGG、AAC 。但是怎么知道源采用的是什么格式呢？

一个简单的办法是，将源在常用的桌面客户端中打开。老苏用的是 Potplayer

可以用来检验源的有效性。当正常播放时，右键查看 属性

保存之后

点主菜单的 Player

下拉到中部的 iFrame Embed Player (1024 x 650)，可以直接点播放

默认使用模版是 PawTunes ，下拉到底部的 Preview & Embedding Options ，可以切换 Template

选了 HTML5 Radio Player之后的样式

嵌入代码

播放器可以嵌入到其他网页中使用

默认的代码中使用的是 "http://localhost/index.php?language=&template=pawtunes&autoplay=false

需要根据你的地址进行修改，将 localhost 改为 http://群晖IP:3395，后面是一样的

参考文档

Jackysi/PawTunes: Discover PawTunes, The Ultimate HTML5 Internet Radio Player with Purrfect Visuals, Customizable Templates, and Clean Code. Built for Pros, Loved by Cats!
地址：https://github.com/Jackysi/PawTunes

PawTunes: Open Source Internet Radio Web Player App
地址：https://prahec.com/pawtunes

PawTunes :: Control Panel
地址：https://prahec.com/projects/pawtunes/demo/panel/index.php

PawTunes - HTML5 Internet Radio Player : r/selfhosted
地址：https://www.reddit.com/r/selfhosted/comments/1hs1o64/pawtunes_html5_internet_radio_player/