Navidrome进阶设置——https访问、直链播放
侧边栏壁纸
  • 累计撰写 17 篇文章
  • 累计收到 521 条评论

Navidrome进阶设置——https访问、直链播放

syqman
2022-06-05 / 29 评论 / 1,117 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2022年06月08日,已超过688天没有更新,若内容或图片失效,请留言反馈。

l40zlzrn.png

说明

  本文为Navdrome的进阶设置,意在实现Navidrome服务端音乐源的直链播放,并通过nginx实现https访问。为了帮助你更好的理解直链播放,你需要先阅读下我的另一篇笔记: 基于网盘挂载的emby服务端并实现直链播放 。由于音乐本身容量不大,即便无损格式,最多也才几十M,故实现直链播放本身意义没有 emby 来得明显,本文供闲的蛋疼的折腾玩家一个另类的思路。

原理

搭建 alist多种存储的目录文件列表程序 ,将需要挂载的网盘添加上去,如阿里云盘,世纪互联等,然后使用 nginx 及其 njs 模块将 navidrome 音乐播放地址劫持到 alist 直链。

准备工作
  1. 已按照本人上一篇基于网盘挂载搭建属于你自己的音乐服——navidrome 完成Navidrome的搭建。
  2. 已完成本人基于网盘挂载的emby服务端并实现直链播放alistnginxnjs模块 的安装工作。
  3. 解析域名到你的vps。

    申请域名证书

    采用网上提供Acme.sh 域名证书一键申请脚本进行申请,首先停止nginx服务

    systemctl stop nginx

    然后复制一键脚本申请证书

    wget -N --no-check-certificate https://raw.githubusercontents.com/Misaka-blog/acme-1key/master/acme1key.sh && bash acme1key.sh

    l40xrcne.png
    按1安装 Acme.sh 域名证书申请请脚本,根据提示输入自己的邮箱
    l40xtb28.png
    然后返回主菜单,按3申请单域名证书,根据提示输入自己的域名
    l40xukq2.png
    出现如下提示,表示证书申请完成
    l40xvx0z.png
    接下来,新建 /root/certs/你的域名 ,将 root 目录下的 cert.crtprivate.key 复制到此目录。

    配置Nginx

    进入nginx配置目录,删除 default.conf ,并创建以你域名命名的conf,如 yourdomain.com.conf

    cd /etc/nginx/conf.d
    rm default.conf
    vi yourdomain.com.conf

    填入如下内容:

/etc/nginx/conf.d/ 目录下新建msc.js,填入以下内容:


然后在 /etc/nginx/nginx.conf 首行添加如下内容:

load_module modules/ngx_http_js_module.so;

启用nginx服务,并验证配置有无问题:

nginx -c /etc/nginx/nginx.conf
nginx -t

如无报错,重启nginx服务

nginx -s reload

打开你的域名,如能正常访问navidrome页面,视为配置成功。

验证直链是否正常

完成直链播放还有一个前提,首先打开你的app,添加的音乐服地址,并完成登录。
然后用浏览器打开你的navidrome主页,点击右上角头像-客户端
l40z1so3.png
找到你手机使用的app名称,点击进去
l40z2gd2.png
勾选回报实际路径,保存
l40z442m.png
然后,在你的app上随便播放一首歌,试试拖曳速度,能正常播放视为直链正常。
查看下日志:

tail -f -n 10 /var/log/nginx/access.log /var/log/nginx/error.log  | grep js:

如出现以下直链地址,表示直链成功,并且此时流量不经过 vps 服务器。
l412rhza.png

最后感谢下本教程脚本的提供大佬: bpking
没有他的技术支持也就没有本教程。

0

评论 (29)

取消
  1. 头像
    111
    Windows 10 · Google Chrome

    谢谢分享

    回复
  2. 头像
    Ryan
    Windows 10 · FireFox

    看看怎么搞

    回复
  3. 头像
    oowap
    iPhone · Safari

    技术文章 感谢分享 新年快乐

    回复
  4. 头像
    123
    MacOS · Google Chrome

    先收藏了

    回复
  5. 头像
    学习学
    Windows 10 · Google Chrome

    谢谢分享

    回复
  6. 头像
    9w
    Android · Google Chrome

    谢谢

    回复
  7. 头像
    9w
    MacOS · Google Chrome

    谢谢

    回复
  8. 头像
    kevin
    Windows 10 · Google Chrome

    表情

    回复
  9. 头像
    32mb.cc
    Windows 10 · FireFox

    谢谢分享

    回复
  10. 头像
    111
    Windows 10 · Google Chrome

    谢谢分享

    回复
  11. 头像
    fff
    Windows 10 · FireFox

    谢谢分享

    回复
  12. 头像
    试一下吧
    Windows 10 · Google Chrome

    看看行不行

    回复
  13. 头像
    哎呀
    Windows 7 · Google Chrome

    谢谢分享 试试看

    回复
  14. 头像
    昵称
    Windows 7 · Google Chrome

    的点点滴滴多

    回复
  15. 头像
    scoop
    Windows 10 · Google Chrome

    学习学习

    回复
  16. 头像
    ConspiracyAU
    Windows 10 · Google Chrome

    感谢分享

    回复
  17. 头像
    nnnn
    Android · Google Chrome

    感谢分享

    回复
  18. 头像
    Guoweiyi
    Windows 10 · Google Chrome

    看看惹

    回复
  19. 头像
    tutu
    Windows 10 · Google Chrome

    感谢分享!

    回复
  20. 头像
    mktk
    Windows 10 · Google Chrome

    太强了,正是我所需要的东西

    回复
  21. 头像
    tutunihao
    Windows 10 · Google Chrome

    支持一下

    回复
  22. 头像
    asq
    iPhone · Safari

    学习一下navidrome

    回复
  23. 头像
    adpl
    Windows 10 · Google Chrome

    学习学习

    回复
  24. 头像
    saul
    Windows 10 · Google Chrome

    谢谢分享

    回复
  25. 头像
    阿蛮君
    Windows 10 · Google Chrome

    学习一下

    回复
  26. 头像
    123
    Windows 10 · Google Chrome

    看下

    回复
  27. 头像
    gavin
    Windows 10 · Google Chrome

    学习一下

    回复
  28. 头像
    cc
    Windows 10 · Google Chrome

    学习

    回复
  29. 头像
    dd
    Android · Google Chrome

    哈迪斯

    回复