Video textures and alpha transparency: Difference between revisions
mNo edit summary |
|||
| (10 intermediate revisions by one other user not shown) | |||
| Line 1: | Line 1: | ||
[[Category:Rendering]] | |||
== Supported formats == | == Supported formats == | ||
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 | 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 == | ||
| Line 11: | Line 12: | ||
[[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: | ||
ffmpeg -c:v libvpx-vp9 -i | 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 == | ||
| Line 28: | Line 33: | ||
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. | ||
Latest revision as of 08:28, 8 June 2026
Supported formats
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 should be used on Safari (both desktop and mobile).
Selecting appropriate format
Use can use the following Puzzles snippet to select the video:
Converting WebM to HEVC (macOS)
At the time of the writing, transparent videos are 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 texture-webm.webm -c:v hevc_videotoolbox -alpha_quality 0.75 -vtag hvc1 texture-hevc.mov
You can install FFmpeg with Homebrew:
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
To convert any video with chromakey (e.g MP4 which does not support alpha) to semi-transparent WebM:
ffmpeg -i movie-mp4.mp4 -vf "chromakey=0x2a9a2e:0.01:0.2" movie-webm.webm
Where 0x2a9a2e is the HEX-color of the green (use color picker to find it), 0.01 — similarity factor, 0.2 — blend factor. See here for more info.
