如何从mp3文件中自动获取数据并放到html上？

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

app.get('/audio', (req, res) => {
  fs.readFile('path/to/mp3/file.mp3', (err, data) => {
    if (err) {
      console.error(err);
      res.status(500).send('Error reading audio file');
    } else {
      // 解析mp3文件的元数据
      const audioData = parseAudioData(data);

      // 返回音频数据给前端
      res.json(audioData);
    }
  });
});

function parseAudioData(data) {
  // 使用第三方库解析mp3文件的元数据
  // 例如使用node-id3库：https://www.npmjs.com/package/node-id3
  const id3 = require('node-id3');
  const tags = id3.read(data);

  // 提取需要的音频数据
  const audioData = {
    title: tags.title,
    artist: tags.artist,
    album: tags.album,
    // 其他需要的音频数据
  };

  return audioData;
}

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

<audio controls>
  <source src="http://your-backend-url/audio" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>