javascript - 将音频从 mongodb 传递到音频标签

Question

对于我的项目，我正在尝试创建一个音频播放器。存储文件的数据库方面对我来说是新的，因为我以前只存储过字符串。

到目前为止，我能做的是:

1. 将音频文件存储到数据库中。(为了简单起见，我在这里链接到一个文件，但将来会上传)

2. 将音频文件作为对象检索。

3. 将音频文件存放在公共(public)文件夹中以备使用。

服务器端代码(路由代码与服务器代码分开)

let fs = require('fs');
var bodyParser = require('body-parser')
var urlencodedParser = bodyParser.urlencoded({
  extended: false
})

const MongoClient = require('mongodb').MongoClient;
const Binary = require('mongodb').Binary;
const ObjectId = require('mongodb').ObjectId;

module.exports = function(app) {

    app.get('/music', function(req, res) {

      //STEP ONE

      var data = fs.readFileSync(__dirname + '/../public/recordings/Piso 21 - Puntos Suspensivos.mp3');
      var insert_data = {};
      insert_data.name = 'Piso 21 - Puntos Suspensivos.mp3';
      insert_data.file_data = Binary(data);

      MongoClient.connect("mongodb://localhost/songs", {
        useNewUrlParser: true
      }, function(err, db) {
        if (err) throw err;
        var dbo = db.db("songs");
        dbo.collection("song").insertOne(insert_data, function(err, res) {
          if (err) throw err;
          console.log("1 document inserted");
          db.close();
        });
      });

      //STEP TWO

      MongoClient.connect("mongodb://localhost/songs", {
        useNewUrlParser: true
      }, function(err, db) {
        if (err) throw err;
        var dbo = db.db("songs");
        dbo.collection("song").findOne({
          name: 'Piso 21 - Puntos Suspensivos.mp3'
        }, function(err, result) {
          if (err) throw err;
          db.close();

          //STEP THREE

          fs.writeFile(result.name, result.file_data.buffer, function(err) {
            if (err) throw err;
            console.log(result);
          });
        });
      });
      res.render('audio');
    });

第三步是我不会做什么。我想将 result 对象发送到 audio.ejs 页面，并以某种方式让 audio 标签 无需保存就可以访问它在公用文件夹中，然后必须在使用后将其删除。

像这样，

第三步

  res.render('audio', result);

并以某种方式在 audio.ejs 页面中为 audio 标签 访问它

更新

let fs = require('fs');
var bodyParser = require('body-parser')
var urlencodedParser = bodyParser.urlencoded({ extended: false })

const MongoClient = require('mongodb');
const Binary = require('mongodb').Binary;
const ObjectId = require('mongodb').ObjectId;
const Grid = require('gridfs-stream');

const db = new MongoClient.Db('songs', new MongoClient.Server("localhost", 27017));
const gfs = Grid(db, MongoClient);

const bcrypt = require('bcryptjs');

module.exports = function(app){


    app.get('/audio/:filename', function (req, res) {

        MongoClient.connect("mongodb://localhost/songs", { useNewUrlParser: true }, function(err, db) {
            if (err) throw err;
            var dbo = db.db("songs");
            dbo.collection("song").findOne({name: req.params.filename}, function(err, result){
                if (err) throw err;
                db.close();
                const readstream = gfs.createReadStream(result.file_data);
                readstream.on('error', function (error) {
                    res.sendStatus(500);
                });
                console.log(res);
                res.type('audio/mpeg');
                readstream.pipe(res);
            });
        });
    });

Answer 1

在过去的数据库术语中，媒体对象称为 BLOBS——二进制大对象。在 Mongo 中，它们是用 subsystem known as gridfs 处理的。 .有一个不错的npm module called gridfs-stream使这更容易。

将媒体对象传送到浏览器的一种简单方法是让它们在看起来像 https://example.com/audio/objectname.mp3 的 URL 后面可用。而且，它们应该与 ppropriate Content-Type header for the codec in use 一起交付。 (audio/mpeg 用于 MP3)。然后 src 标签可以简单地命名 URL 并且你正在摇摆不定。浏览器页面中的音频标签看起来像这样:

<audio controls src="/audio/objectname.mp3" ></audio>

所以，如果你想通过 express 直接传送音频，你需要一个带有参数的路由，比如

 app.get('/audio/:filename', ...

然后node程序使用类似这样的未调试!)

const mongo = require('mongodb');
const Grid = require('gridfs-stream');
...
const db = new mongo.Db('yourDatabaseName', new mongo.Server("host", 27017));
const gfs = Grid(db, mongo);
...
app.get('/audio/:filename', function (req, res) {
   const readstream = gfs.createReadStream({filename: req.params.filename})
   readstream.on('error', function (error) {
        res.sendStatus(500)
   })
   res.type('audio/mpeg')
   readstream.pipe(res)
});

这很酷，因为流很酷:您的 Node 程序不需要将整个音频文件拖放到 RAM 中。音频文件可能很大。

gridfs 提供 mongofiles command line utilit y 用于将文件加载到 gridfs。

但是，综上所述:大多数可扩展媒体服务使用从文件系统和/或内容交付网络交付的静态媒体文件。像 apache 和 nginx 这样的服务器让程序员投入了很多年的时间来提高文件传输的速度和效率。数据库保存 CDN 中文件的路径名。

如何解决这种问题？

• 查看浏览器的控制台日志。
• 直接从浏览器点击媒体 URL。看看你得到了什么。如果为空，则说明您的检索代码有问题。
• 在浏览器的开发工具中，查看“网络”选项卡(在 Google Chrome 中)。查找媒体对象，并检查发生了什么。