从服务器流式传输mp3文件块并在客户端播放它们。

1. 在服务器端，使用Node.js和Express框架创建一个简单的路由来提供mp3文件的流式传输。

2. 在客户端，使用HTML5的Audio API和fetch API创建一个音频播放器，获取服务器端传输的mp3文件数据和元数据。

以下是使用Node.js和Express框架的服务器端示例代码：

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

const app = express();

app.get('/audio', function(req, res) {
  const filePath = './path/to/file.mp3';
  const stat = fs.statSync(filePath);
  const fileSize = stat.size;
  const range = req.headers.range;

  if (range) {
    const parts = range.replace(/bytes=/, "").split("-");
    const start = parseInt(parts[0], 10);
    const end = parts[1] ? parseInt(parts[1], 10) : fileSize-1;
    const chunkSize = (end-start)+1;
    const file = fs.createReadStream(filePath, {start, end});
    const head = {
      'Content-Range': `bytes ${start}-${end}/${fileSize}`,
      'Accept-Ranges': 'bytes',
      'Content-Length': chunkSize,
      'Content-Type': 'audio/mpeg',
    };

    res.writeHead(206, head);
    file.pipe(res);
  } else {
    const head = {
      'Content-Length': fileSize,
      'Content-Type': 'audio/mpeg',
    };
    res.writeHead(200, head);
    fs.createReadStream(filePath).pipe(res);
  }
});

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

上述代码创建了一个路由，用于提供位于服务器上的MP3文件的流式传输。它还处理了HTTP请求头中的"Range"请求，以满足流式传输所需的文件的数据量。

现在，我们可以在客户端创建一个音频播放器。以下是示例代码：

const audio = new Audio();
const url = '/audio';
fetch