Video textures and alpha transparency - Revision history

Sergey: /* Converting WebM to HEVC (macOS) */

2026-06-08T08:28:09Z

Converting WebM to HEVC (macOS)

← Older revision		Revision as of 08:28, 8 June 2026
Line 16:		Line 16:
	At the time of the writing, transparent videos are [https://trac.ffmpeg.org/ticket/7965 not supported] in the stock libx265 encoder. Still you can use ffmpeg on Mac devices with hardware encoder called VideoToolbox to convert your videos:		At the time of the writing, transparent videos are [https://trac.ffmpeg.org/ticket/7965 not supported] in the stock libx265 encoder. Still you can use ffmpeg on Mac devices with hardware encoder called VideoToolbox to convert your videos:

	ffmpeg -c:v libvpx-vp9 -i ~~movie~~-webm.webm -c:v hevc_videotoolbox -alpha_quality 0.75 -vtag hvc1 ~~movie~~-hevc.mov		ffmpeg -c:v libvpx-vp9 -i texture-webm.webm -c:v hevc_videotoolbox -alpha_quality 0.75 -vtag hvc1 texture-hevc.mov

	You can install FFmpeg with [https://brew.sh/ Homebrew]:		You can install FFmpeg with [https://brew.sh/ Homebrew]:

	brew install ffmpeg		brew install ffmpeg

			Update: Transparent videos can now be processed with the built-in ffmpeg libx265 encoder:

			ffmpeg -vcodec libvpx-vp9 -i texture-webm.webm -c:v libx265 -tag:v hvc1 texture-hevc.mp4

	== Converting video with chromakey (green screen) to WebM with alpha ==		== Converting video with chromakey (green screen) to WebM with alpha ==

Alexander at 08:39, 1 September 2022

2022-09-01T08:39:59Z

← Older revision		Revision as of 08:39, 1 September 2022
Line 29:		Line 29:

	Where '''0x2a9a2e''' is the HEX-color of the green (use color picker to find it), '''0.01''' — similarity factor, '''0.2''' — blend factor. See [https://ffmpeg.org/ffmpeg-filters.html#chromakey here] for more info.		Where '''0x2a9a2e''' is the HEX-color of the green (use color picker to find it), '''0.01''' — similarity factor, '''0.2''' — blend factor. See [https://ffmpeg.org/ffmpeg-filters.html#chromakey here] for more info.

	~~== Known Issues ==~~

	~~=== Performance regression in Safari 15 ===~~

	The latest Safari 15 browser introduces performance regression with slow video texture rendering. Among devices affected by this issue: Intel and M1-based Macs, as well as iPhones/iPads. Track updates on this issue on WebKit Bugzilla: [https://bugs.webkit.org/show_bug.cgi?id=223740 223740], [https://bugs.webkit.org/show_bug.cgi?id=232235 232235].

	~~UPDATE: The issue was fixed in some minor update of Safari 15~~

Alexander: /* Performance regression in Safari 15 */

2022-06-01T11:40:08Z

Performance regression in Safari 15

← Older revision		Revision as of 11:40, 1 June 2022
Line 36:		Line 36:
	The latest Safari 15 browser introduces performance regression with slow video texture rendering. Among devices affected by this issue: Intel and M1-based Macs, as well as iPhones/iPads. Track updates on this issue on WebKit Bugzilla: [https://bugs.webkit.org/show_bug.cgi?id=223740 223740], [https://bugs.webkit.org/show_bug.cgi?id=232235 232235].		The latest Safari 15 browser introduces performance regression with slow video texture rendering. Among devices affected by this issue: Intel and M1-based Macs, as well as iPhones/iPads. Track updates on this issue on WebKit Bugzilla: [https://bugs.webkit.org/show_bug.cgi?id=223740 223740], [https://bugs.webkit.org/show_bug.cgi?id=232235 232235].

	UPDATE: The issue was fixed in ~~the~~ minor ~~updates~~ of Safari 15		UPDATE: The issue was fixed in some minor update of Safari 15

Alexander: /* Performance regression in Safari 15 */

2022-06-01T11:39:52Z

Performance regression in Safari 15

← Older revision		Revision as of 11:39, 1 June 2022
Line 36:		Line 36:
	The latest Safari 15 browser introduces performance regression with slow video texture rendering. Among devices affected by this issue: Intel and M1-based Macs, as well as iPhones/iPads. Track updates on this issue on WebKit Bugzilla: [https://bugs.webkit.org/show_bug.cgi?id=223740 223740], [https://bugs.webkit.org/show_bug.cgi?id=232235 232235].		The latest Safari 15 browser introduces performance regression with slow video texture rendering. Among devices affected by this issue: Intel and M1-based Macs, as well as iPhones/iPads. Track updates on this issue on WebKit Bugzilla: [https://bugs.webkit.org/show_bug.cgi?id=223740 223740], [https://bugs.webkit.org/show_bug.cgi?id=232235 232235].

	UPDATE: The issue was fixed in the ~~recent~~ updates of Safari 15		UPDATE: The issue was fixed in the minor updates of Safari 15

Alexander: /* Performance regression in Safari 15 */

2022-06-01T11:39:30Z

Performance regression in Safari 15

← Older revision		Revision as of 11:39, 1 June 2022
Line 35:		Line 35:

	The latest Safari 15 browser introduces performance regression with slow video texture rendering. Among devices affected by this issue: Intel and M1-based Macs, as well as iPhones/iPads. Track updates on this issue on WebKit Bugzilla: [https://bugs.webkit.org/show_bug.cgi?id=223740 223740], [https://bugs.webkit.org/show_bug.cgi?id=232235 232235].		The latest Safari 15 browser introduces performance regression with slow video texture rendering. Among devices affected by this issue: Intel and M1-based Macs, as well as iPhones/iPads. Track updates on this issue on WebKit Bugzilla: [https://bugs.webkit.org/show_bug.cgi?id=223740 223740], [https://bugs.webkit.org/show_bug.cgi?id=232235 232235].

			UPDATE: The issue was fixed in the recent updates of Safari 15

Alexander at 16:47, 11 December 2021

2021-12-11T16:47:34Z

← Older revision		Revision as of 16:47, 11 December 2021
Line 1:		Line 1:
			[[Category:Rendering]]
	== Supported formats ==		== Supported formats ==

Alexander: /* Supported formats */

2021-12-11T16:46:22Z

Supported formats

← Older revision		Revision as of 16:46, 11 December 2021
Line 3:		Line 3:
	WebM and HEVC/MOV formats are the only video formats that can be used on the web to display textures with alpha transparency.		WebM and HEVC/MOV formats are the only video formats that can be used on the web to display textures with alpha transparency.

	WebM is supported in Chrome/Firefox/Edge/Samsung/Opera/Brave while HEVC/MOV is used on Safari (both desktop and mobile).		WebM is supported in Chrome/Firefox/Edge/Samsung/Opera/Brave while HEVC/MOV should be used on Safari (both desktop and mobile).

	== Selecting appropriate format ==		== Selecting appropriate format ==

Alexander: /* Converting WebM to HEVC */

2021-12-11T16:44:53Z

Converting WebM to HEVC

← Older revision		Revision as of 16:44, 11 December 2021
Line 11:		Line 11:
	[[File:Select webm hevc.jpg\|795px]]		[[File:Select webm hevc.jpg\|795px]]

	== Converting WebM to HEVC ==		== Converting WebM to HEVC (macOS) ==

	At the time of the writing, transparent videos are [https://trac.ffmpeg.org/ticket/7965 not supported] in the stock libx265 encoder. Still you can use ffmpeg on Mac devices with hardware encoder called VideoToolbox to convert your videos:		At the time of the writing, transparent videos are [https://trac.ffmpeg.org/ticket/7965 not supported] in the stock libx265 encoder. Still you can use ffmpeg on Mac devices with hardware encoder called VideoToolbox to convert your videos:

Alexander: /* Performance regression in Safari 15 */

2021-12-11T16:42:33Z

Performance regression in Safari 15

← Older revision		Revision as of 16:42, 11 December 2021
Line 33:		Line 33:
	=== Performance regression in Safari 15 ===		=== Performance regression in Safari 15 ===

	The latest Safari 15 browser introduces performance regression with slow video texture rendering. Among devices affected by this issue: Intel and M1-based Macs, as well as iPhones/iPads. Track this issue on WebKit Bugzilla: [https://bugs.webkit.org/show_bug.cgi?id=223740 223740], [https://bugs.webkit.org/show_bug.cgi?id=232235 232235].		The latest Safari 15 browser introduces performance regression with slow video texture rendering. Among devices affected by this issue: Intel and M1-based Macs, as well as iPhones/iPads. Track updates on this issue on WebKit Bugzilla: [https://bugs.webkit.org/show_bug.cgi?id=223740 223740], [https://bugs.webkit.org/show_bug.cgi?id=232235 232235].

Alexander: /* Performance regression in Safari 15 */

2021-12-11T16:42:03Z

Performance regression in Safari 15

← Older revision		Revision as of 16:42, 11 December 2021
Line 33:		Line 33:
	=== Performance regression in Safari 15 ===		=== Performance regression in Safari 15 ===

	The latest Safari 15 browser introduces performance regression with slow video texture rendering. Among devices affected by this issue: Intel and M1-based Macs as well as iPhones/iPads.		The latest Safari 15 browser introduces performance regression with slow video texture rendering. Among devices affected by this issue: Intel and M1-based Macs, as well as iPhones/iPads. Track this issue on WebKit Bugzilla: [https://bugs.webkit.org/show_bug.cgi?id=223740 223740], [https://bugs.webkit.org/show_bug.cgi?id=232235 232235].