stream mp3 file express server with ability to fast forward/rewind

廉价感情. 提交于 2020-01-03 05:24:29

问题


I have a little express server that either downloads or streams an mp3 file, which looks like this:

const express = require('express');
const fs = require('fs');
const app = express();

app.use('/mp3', express.static(__dirname + '/mp3'));

app.get('/', (req, res) => {
    res.sendFile(__dirname + '/index.html');
});

app.get('/stream', (req, res) => {
    const file = __dirname + '/mp3/trololol.mp3';
    fs.exists(file, (exists) => {
        if (exists) {
            const rstream = fs.createReadStream(file);
            rstream.pipe(res);
        } else {
            res.send('Error - 404');
            res.end();
        }
    });
});

app.get('/download', (req, res) => {
    const file = __dirname + '/mp3/trololol.mp3';
    res.download(file);
});

app.listen(3000, () => console.log('Example app listening on port 3000!'));

html:

<audio controls="controls">
    <source src="http://localhost:3000/stream" type="audio/ogg" />
    <source src="http://localhost:3000/stream" type="audio/mpeg" />
    Your browser does not support the audio element.
</audio>

This works, however, the audio stream does not rewind or fast forward. Do I have to change something in the request headers to allow this to happen? Perhaps I need to set ranges and add start and end times or something. Any tip would be appreciated. Thank you.


回答1:


Found the answer here.

const express = require('express'),
    bodyParser = require('body-parser'),
    path = require('path'),
    fs = require('fs'),
    app = express();

// app.use('/mp3', express.static(__dirname + '/mp3'));

app.get('/', (req, res) => {
    res.sendFile(__dirname + '/index.html');
});

app.get('/stream', (req, res) => {
    const file = __dirname + '/mp3/trololol.mp3';
    const stat = fs.statSync(file);
    const total = stat.size;
    if (req.headers.range) {

    }
    fs.exists(file, (exists) => {
        if (exists) {
            const range = req.headers.range;
            const parts = range.replace(/bytes=/, '').split('-');
            const partialStart = parts[0];
            const partialEnd = parts[1];

            const start = parseInt(partialStart, 10);
            const end = partialEnd ? parseInt(partialEnd, 10) : total - 1;
            const chunksize = (end - start) + 1;
            const rstream = fs.createReadStream(file, {start: start, end: end});

            res.writeHead(206, {
                'Content-Range': 'bytes ' + start + '-' + end + '/' + total,
                'Accept-Ranges': 'bytes', 'Content-Length': chunksize,
                'Content-Type': 'audio/mpeg'
            });
            rstream.pipe(res);

        } else {
            res.send('Error - 404');
            res.end();
            // res.writeHead(200, { 'Content-Length': total, 'Content-Type': 'audio/mpeg' });
            // fs.createReadStream(path).pipe(res);
        }
    });
});

app.get('/download', (req, res) => {
    const file = __dirname + '/mp3/trololol.mp3';
    res.download(file);
});

app.listen(3000, () => console.log('Example app listening on port 3000!'));


来源:https://stackoverflow.com/questions/49524238/stream-mp3-file-express-server-with-ability-to-fast-forward-rewind

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!