成果实现
某些音乐网站会提供一些音乐外链，以供用户拜访，听或下载music。不过可能明天这个外链还能用，今天就不能用了，“过期了”之类的。这篇文章记录了，应用nodejs框架express，实现一个简略的“mp3音乐资源服务器”性能。咱们先看一下效果图
浏览器url拜访到资源当前，Ctrl+S能够间接下载哦
效果图
有音乐资源返回音乐资源
没音乐资源返回文字提醒
代码实现
app.js文件
// 引入express插件包并生成一个实例appconst express = require('express')const app = express()// 应用body-parser中间件解析post申请主体app.use(express.urlencoded({ extended: false }))app.use(express.json())const Router = require('./router') // 引入分模块治理的路由// 路由分模块app.use(Router) // 在10000端口上启动后端服务app.listen(10000, (req,res) => { console.log('后端服务端口地址为：http://localhost:10000');})router.js文件
次要看这个代码
const express = require('express') // 引入expressconst route = express.Router() // 实例化一个路由对象// 引入文件读取模块const fs = require('fs')// 动静路由传参形式，通过params获取动静参数route.get('/musicSrc/:fileName', (req, res) => { // console.log('获取文件名参数', req.params.fileName); // 拼接成残缺的文件名，这里假如对立应用mp3格局的音乐文件 let fileName = req.params.fileName // 破茧.mp3 try { // 存储一份音乐的门路，这里咱们在music文件夹外面寄存音乐资源 let mp3Url = './music/' + fileName // fs.statSync判断目录文件是否存在，不存在就会抛出异样，所以须要try catch捕捉一下 let stat = fs.statSync(mp3Url) // 设置申请头 res.writeHead(200, { // 有的话，就把对应的资源以流的模式返回去 'Content-Type': 'audio/mp3', // 类型为音频mp3格局 'Content-Length': stat.size, // 指定一下文件大小 "Accept-Ranges": "bytes" // 不加的话，前端google浏览器中音频无奈拖动 }) //创立可读流 let readStream = fs.createReadStream(mp3Url) // 将读取的后果以管道pipe流的形式返回给前端 readStream.pipe(res); } catch (error) { // 读取不到相应文件，就间接返回找不到即可 res.send('暂无此音乐数据') }})module.exports = route // 裸露给app.js方便管理目录结构图
次要看左侧的music文件夹
"Accept-Ranges": "bytes"简介
- 这句话的作用是：如果申请头中存在Accept-Ranges，那么浏览器可能会尝试复原中断的下载，而不是从头再次开始。
- 对应的具体表现就是：audio或video标签中，如果是在火狐浏览器中，不受影响，如果是在谷歌浏览器中，就会呈现无奈拖动的问题，就是想拖动进度条往后听或看，就会从新播放了。
- 如果再买一个阿里云或者腾讯云服务器，部署一下我的项目就可能通过url间接拜访这个音乐文件啦，将这种形式搭配一个音乐播放器，举荐aplayer插件，成果就有了。aplayer应用能够看我之前的文章https://segmentfault.com/a/11...
残缺成果能够去我的集体网站中的首页的左下角看一下。集体网站地址如下：http://ashuai.work/welcome
最初再附上，MDN官网文档对于这个申请头的解释，传送门如下：https://developer.mozilla.org...