lashman/jellybloom
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix hdr tone mapping

Browse Source
This commit is contained in:
lashman
2026-06-04 23:11:21 +03:00
parent 6756bf9d40
commit 5814714e6a
3 changed files with 55 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/device-profile.ts
+53 -16
View File
@@ -32,6 +32,29 @@ function canPlayInMse(mime: string): boolean {
}
}
async function canDecodeHdr(contentType: string, transferFunction: 'pq' | 'hlg' = 'pq'): Promise<boolean> {
if (!canPlayInMse(contentType)) return false
if (typeof navigator.mediaCapabilities?.decodingInfo !== 'function') return false
try {
const info = await navigator.mediaCapabilities.decodingInfo({
type: 'media-source',
video: {
contentType,
width: 3840,
height: 2160,
bitrate: 25_000_000,
framerate: 24,
colorGamut: 'rec2020',
transferFunction,
},
} as any)
return !!info.supported
} catch {
return false
}
}
function supportedVideoCodecs(): string[] {
const codecs: string[] = ['h264'] // Universally supported in MSE
if (canPlayInMse('video/mp4; codecs="hev1.1.6.L93.B0"') ||
@@ -82,19 +105,33 @@ function displaySupportsHdr(): boolean {
* or VP9.2 (`vp09.02.10.10.01.09.16.09.00`)
* - Dolby Vision: `dvh1.05.06` / `dvhe.05.06`
*/
function supportedVideoRanges(): string {
async function supportedVideoRanges(): Promise<string> {
const ranges = ['SDR']
const hdrCodec =
canPlayInMse('video/mp4; codecs="hvc1.2.4.L153.B0"') ||
canPlayInMse('video/mp4; codecs="hev1.2.4.L153.B0"') ||
canPlayInMse('video/webm; codecs="vp09.02.10.10.01.09.16.09.00"')
if (hdrCodec && displaySupportsHdr()) {
ranges.push('HDR10', 'HDR10Plus', 'HLG')
if (!displaySupportsHdr()) return ranges.join('|')
const hdrCodec = (await Promise.all([
canDecodeHdr('video/mp4; codecs="hvc1.2.4.L153.B0"'),
canDecodeHdr('video/mp4; codecs="hev1.2.4.L153.B0"'),
canDecodeHdr('video/mp4; codecs="av01.0.08M.10.0.110.09"'),
canDecodeHdr('video/webm; codecs="vp09.02.10.10.01.09.16.09.00"'),
])).some(Boolean)
if (hdrCodec) {
ranges.push('HDR10', 'HDR10Plus')
}
const dvCodec =
canPlayInMse('video/mp4; codecs="dvh1.05.06"') ||
canPlayInMse('video/mp4; codecs="dvhe.05.06"')
if (dvCodec && displaySupportsHdr()) {
const hlgCodec = (await Promise.all([
canDecodeHdr('video/mp4; codecs="hvc1.2.4.L153.B0"', 'hlg'),
canDecodeHdr('video/mp4; codecs="hev1.2.4.L153.B0"', 'hlg'),
canDecodeHdr('video/mp4; codecs="av01.0.08M.10.0.110.09"', 'hlg'),
canDecodeHdr('video/webm; codecs="vp09.02.10.10.01.09.16.09.00"', 'hlg'),
])).some(Boolean)
if (hlgCodec && !ranges.includes('HLG')) ranges.push('HLG')
const dvCodec = (await Promise.all([
canDecodeHdr('video/mp4; codecs="dvh1.05.06"'),
canDecodeHdr('video/mp4; codecs="dvhe.05.06"'),
])).some(Boolean)
if (dvCodec) {
ranges.push('DOVI', 'DOVIWithHDR10', 'DOVIWithHLG', 'DOVIWithSDR')
}
return ranges.join('|')
@@ -108,10 +145,10 @@ export function isHdrDisplayActive(): boolean {
return displaySupportsHdr()
}
export function browserDeviceProfile(audioPassthrough = false) {
export async function browserDeviceProfile(audioPassthrough = false) {
const videoCodecs = supportedVideoCodecs()
const videoCodecsCsv = videoCodecs.join(',')
const videoRanges = supportedVideoRanges()
const videoRanges = await supportedVideoRanges()
return {
Name: 'Jellybloom Browser Client',
@@ -215,7 +252,7 @@ export function browserDeviceProfile(audioPassthrough = false) {
Condition: 'EqualsAny',
Property: 'VideoRangeType',
Value: videoRanges,
IsRequired: false,
IsRequired: true,
},
],
},
@@ -229,7 +266,7 @@ export function browserDeviceProfile(audioPassthrough = false) {
Condition: 'EqualsAny',
Property: 'VideoRangeType',
Value: videoRanges,
IsRequired: false,
IsRequired: true,
},
],
},
@@ -241,7 +278,7 @@ export function browserDeviceProfile(audioPassthrough = false) {
Condition: 'EqualsAny',
Property: 'VideoRangeType',
Value: videoRanges,
IsRequired: false,
IsRequired: true,
},
],
},