標題有點長, 因為一直沒想好怎樣簡潔的表述這個問題

問題現象: iPhone12拍攝的視頻上傳到服務器后, 在chrome, ie等瀏覽器播放會泛白

問題原因: 因為iPhone12默認拍攝杜比視界HDR高動態范圍視頻, chrome, ie的色彩管理有點問題, 在非HDR顯示器顯示時候, 還是按照HDR范圍顯示, 導致色彩出現"過曝"現象

解決方案: 對視頻進行轉碼. 指定色彩管理配置

核心代碼:

inline static NSDictionary *lf_assetExportVideoConfig(CGSize size, LFAssetExportSessionPreset preset)
{
    float ratio = 1;
    CGSize presetSize = lf_assetExportSessionPresetSize(preset);
    CGSize videoSize = size;
    if (videoSize.width > videoSize.height) {
        ratio = videoSize.width / presetSize.height;
    } else {
        ratio = videoSize.width / presetSize.width;
    }
    
    if (ratio > 1) {
        videoSize = CGSizeMake(videoSize.width / ratio, videoSize.height / ratio);
    }
    if (@available(iOS 10.0, *)) {
        return @{
            AVVideoCodecKey: AVVideoCodecH264,
            AVVideoWidthKey:[NSNumber numberWithInteger:videoSize.width],
            AVVideoHeightKey:[NSNumber numberWithInteger:videoSize.height],
            AVVideoScalingModeKey:AVVideoScalingModeResizeAspectFill,
            AVVideoCompressionPropertiesKey: @
            {
                ///選擇視頻顏色編碼格式(默認格式會支持HDR, 導致視頻在chrome, ie泛白)
                ///默認為: AVVideoYCbCrMatrix_ITU_R_2020, 為支持HDR的格式, 應當指定為ITU_R_709_2通用配置
                AVVideoColorPrimariesKey : AVVideoColorPrimaries_ITU_R_709_2,
                AVVideoAverageBitRateKey: [NSNumber numberWithUnsignedLong:lf_assetExportSessionPresetBitrate()],
                AVVideoProfileLevelKey: AVVideoProfileLevelH264HighAutoLevel,
                AVVideoAllowFrameReorderingKey:@NO,
                AVVideoExpectedSourceFrameRateKey:@24
            },
        };
    } else {
        return @{
            AVVideoCodecKey: AVVideoCodecH264,
            AVVideoWidthKey:[NSNumber numberWithInteger:videoSize.width],
            AVVideoHeightKey:[NSNumber numberWithInteger:videoSize.height],
            AVVideoScalingModeKey:AVVideoScalingModeResizeAspectFill,
            AVVideoCompressionPropertiesKey: @
            {
                AVVideoAverageBitRateKey: [NSNumber numberWithUnsignedLong:lf_assetExportSessionPresetBitrate()],
                AVVideoProfileLevelKey: AVVideoProfileLevelH264HighAutoLevel,
                AVVideoAllowFrameReorderingKey:@NO,
                AVVideoExpectedSourceFrameRateKey:@24
            },
        };
    }
}

簡單總結下:
因為我們這邊業務需求是用戶上傳的視頻需要在本地做一次壓縮, 我這邊采用的方案就是AVAssetExportSession逐幀壓縮. 在輸出配置里面指定色彩配置即可(即強制把HDR視頻轉換成SDR視頻).

效果如下:

HDR原視頻效果

SDR視頻效果