Question

我有一个应用程序，我提供一些图像，视频和音频。图像效果很好，但我对音频和视频有问题。

节点API：

    let config = new Config(),
    client = config.Storage
    export default class ImageCtrl {
        product = (req, res, next) => {
            var params = req.params,
                point = params.filename.lastIndexOf('.'),
                nameFile = params.filename.slice(0, point),
                ext = params.filename.slice(point);
            res.writeHead(200, {
                'Cache-Control': 'no-cache'
            });
            let remote = `${nameFile}-thumb${ext}`;
            if (nameFile.includes('audio')) {
                remote = `${nameFile}${ext}`
            }
            client.download({
                container: 'Multimedia',
                remote: remote
            }, function(err, result) {
                // handle the download result
            }).pipe(res);
        }
    }

config.ts

export default class Config {
   Storage: any = pkgcloud.storage.createClient(config);
}

Angular4-HTML5

<video width="100%" *ngIf="product.mediacategory === 'video'" controls preload="none" [poster]="'/api/image/products/' + product._id + '-video.png'" controlsList="nodownload">
    <source [src]="/api/image/products/5a69b1b32e4be51cb82a7659-video.webm" type="video/webm">
    <source [src]="/api/image/products/5a69b1b32e4be51cb82a7659-video.mp4" type="video/mp4">
    <source [src]="/api/image/products/5a69b1b32e4be51cb82a7659-video.ogv'" type="video/ogv">
  </video>

对于音频和图像是相同的API，但仅适用于safari图像。在chrome和firefox音频中，视频和图像工作正常。

在safari中它看起来像这样：

在chrome：

----如果我删除了[src]的[]，它就无法使用chrome .-----

Answer 1

iOS上的Safari支持低复杂度AAC音频，MP3音频，AIF音频，WAVE音频和基线配置文件MPEG-4视频。桌面上的Safari（Mac OS X和Windows）支持已安装的QuickTime版本支持的所有媒体，包括任何已安装的第三方编解码器 click here for reference

在safari上无法使用视频和音频 - NodeJS - angular4

1 个答案: