ios - Safari 或 IOS 中视频的 aws-sdk getSignedUrl 不起作用

Question

我的问题是，当我将响应通过管道传输到前端时，Safari(似乎 IOS 上的所有浏览器都一样)不显示视频。但是，这些视频会在所有浏览器的 Android 和 win/linux 桌面上显示。

请注意，我相信这些视频之前曾在 IOS 和 Safari 中显示过，这可能是最近的错误或 IOS/Safari 政策的新变化？

我的后端看起来像这样:

...
const aws = require('aws-sdk');

aws.config.update({
  accessKeyId: process.env.ACCESS,
  secretAccessKey: process.env.SECRET,
  region: process.env.S3_REGION
});

const s3 = new aws.S3();

function getS3Url(filename) {
  var params = { Bucket: process.env.BUCKET, Key: filename };
  return new Promise((resolve, reject) => {
    if (filename) {
      s3.getSignedUrl('getObject', params, function(err, url) {
        if (err) {
          reject(err.message ? err.message : err);
        }
        resolve(url);
      });
    } else {
      resolve('/none.png');
    }
  });
}

// Return file
router.get('/file/:filename', (req, res) => {
  const { filename = '' } = req.params;

  getS3Url(filename).then((url) => {
    request(url).pipe(res);
  }).catch((err) => {
    return res.status(codeToInt(err.code, 404)).send(err.message ? err.message : err);
  });
});

我还保存了源标记中使用的媒体类型“video/mp4”。在我的前端生成的文件 url 将类似于:src="www.myhost.com/api/file/123"type="video/mp4"

上传到 S3 之前的媒体可以在 Safari 中查看，所以这一定是我用 getSignedUrl 管道响应的方式吗？

Answer 1

好的解决方案

解决方案是将 Cloudfront 添加到 AWS。我不需要实现自己的流媒体服务，而是将签名的 url 返回给前端，这也解决了我在发送图像/视频时使用我的服务器作为中间人时遇到的另一个问题

---

“差不多”的解决方案

我的问题似乎是 IOS/Safari 只支持流媒体视频

如果客户端是 IOS/Safari，我实现了流式响应:

function getS3StreamUrl(filename) {
  var params = { Bucket: process.env.AWS_BUCKET, Key: filename };
  return s3.getObject(params).createReadStream();
}

const isAnnoyingClient = isIOS || isSafari;

if (isAnnoyingClient) {
  getS3StreamUrl(filename).pipe(res);
} else {
  getS3Url(filename).then((url) => {
    request(url).pipe(res);
  }).catch((err) => {
    return res.status(codeToInt(err.code, 404)).send(err.message ? err.message : err);
  });
}

但是现在，我的新问题是 IOS/Safari 中的视频不会循环播放，它们只会播放一次..