Demo of using Metal to render EDR / HDR content on iOS platform

Wutian

Last update: Oct 24, 2022

Related tags

Miscellaneous MetalEDR-iOS

Overview

MetalEDR-iOS

Demo of using Metal to render EDR/HDR content on iOS platform.

How it works

This demo uses a hack to activate EDR display on iOS platform:

By setting up an invisible AVPlayerLayer, and plays short HDR video clip in the backgrond
inspired by https://github.com/kiding/wanna-see-a-whiter-white

Then we can use Metal with a Float Point pixel format to output EDR contents.

Limitation

The "EDR trigger" hack basically has the same effect with metalLayer.wantsExtendedDynamicRangeContent = YES;,

But we still missing APIs like -[NSScreen maximumExtendedDynamicRangeColorComponentValue], so it's very hard to apply appropriate tone-mapping within Metal rendering process.

This demo outputs the raw pixel values loaded by CoreGraphics without applying any tone-mapping, so the colors will clip at current EDR max value and may seems off.

Credit

Inspired by:
- https://kidi.ng/wanna-see-a-whiter-white/
HDR Video (EDR Trigger):
- https://github.com/kiding/wanna-see-a-whiter-white
HDR Image Resources:
- https://github.com/AcademySoftwareFoundation/openexr-images/tree/master/TestImages
Some sample code from:
- https://developer.apple.com/wwdc21/10161
- https://developer.apple.com/documentation/metal/using_a_render_pipeline_to_render_primitives?language=objc

You might also like...

Demo project to sync color changes to an Raspberry Pi Mood Light via iOS/Android

Raspberry Pi Mood Light Demo project to remotely control an Raspberry Pi Mood Light over Bluetooth via iOS and Android. 📺 Watch the video Overview In

10 Oct 17, 2022

A demo project with VIPER architecture

AQIDemo What is it? A demo project with VIPER architecture. All views, Interactors Presenter and routers are in place with their respective folder. Ap

0 Nov 23, 2021

Demo app to demonstrate native blur capabilities

Blurrable Demo app to demonstrate native blur capabilities. You can customize th

0 Dec 18, 2021

IOS-application-using-swift - An iOS calculator app reverse-engineered from the native iOS version and redesigned with a light-theme oriented UI

Swift Calculator An iOS calculator app reverse-engineered from the native iOS ve

1 Feb 2, 2022

Google-Blogger-iOS-App - Using Google Blogger API to build an iOS app like Medium

Google Blogger iOS App Using Google Blogger API to build an iOS app like Medium！

9 Dec 13, 2022

Custom MacBook login screen and pam modules using multipeer connectivity and usb hardware checks with iOS app for sign in.

2 Aug 17, 2022

iOS application to extract accession numbers from wall labels using Vision and VisionKit frameworks.

iOS application to extract accession numbers from wall labels using Vision and VisionKit frameworks. Important This is experimenta

San Francisco International Airport Museum

6 Feb 2, 2022

IOS Swift Application using VIPER Architecture

IOS Swift Application using VIPER Architecture. This is a simple design application for E-Commerce using VIPER architecture and CoreData, I prefer using Delegate Protocols rather than Third Party Library such as Rx but at this project I make it as an example on how to using VIPER.The application also support localization.

0 Dec 1, 2021

a playground app using `MultipeerConnectivity` to transfor data wirelessly between iOS / iPadOS

README An example app using MultipeerConnectivity to transfor data wirelessly between iOS / iPadOS. Both using Data and Stream to transfer data are su

3 Aug 6, 2022

Comments

Better workaround
Hey,

Thank you so much for sharing this demo!

I was playing a lot with this and found that there is an easier way to enable EDR on the MTKView: The wantsExtendedDynamicRangeContent property is actually there on iOS as well, just not public. So you can just use KVO to enable EDR rendering:

[self.layer setValue:[NSNumber numberWithBool:YES] forKey:@"wantsExtendedDynamicRangeContent"];

No need to add a hidden AVPlayerLayer anymore. 🙂

Similarly, you can also query the EDR properties of the screen:

[[UIScreen mainScreen] valueForKey:@"extendedDynamicRangeCurrentHeadroom"]; [[UIScreen mainScreen] valueForKey:@"extendedDynamicRangePotentialHeadroom"]; [[UIScreen mainScreen] valueForKey:@"extendedDynamicRangeReferenceHeadroom"];

I hope that helps. Thanks again!
opened by frankschlegel 0

Demo of using Metal to render EDR / HDR content on iOS platform

Related tags

Overview

MetalEDR-iOS

How it works

Limitation

Credit

You might also like...

Demo project to sync color changes to an Raspberry Pi Mood Light via iOS/Android

A demo project with VIPER architecture

Demo app to demonstrate native blur capabilities

IOS-application-using-swift - An iOS calculator app reverse-engineered from the native iOS version and redesigned with a light-theme oriented UI

Google-Blogger-iOS-App - Using Google Blogger API to build an iOS app like Medium

Custom MacBook login screen and pam modules using multipeer connectivity and usb hardware checks with iOS app for sign in.

iOS application to extract accession numbers from wall labels using Vision and VisionKit frameworks.

IOS Swift Application using VIPER Architecture

a playground app using `MultipeerConnectivity` to transfor data wirelessly between iOS / iPadOS

Comments

Better workaround

Owner

Wutian

The app allows the user to change text color and text content when the displayed button is clicked

Activity Content SDK

The Outline Client is a cross-platform VPN or proxy client for Windows, macOS, iOS, Android, and ChromeOS

nds4ios is a port of the multi-platform Nintendo DS emulator, DeSmuME to iOS.

Easily generate cross platform Swift framework projects from the command line

Cross-platform, sophisticated frontend for the libretro API.

Cross-platform instrumentation and introspection library written in C

A Swift cross-platform (Apple and Linux) networking library.

Cross-platform Swift library for accessing the public GitHub API.

iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android).