{"id":2387,"date":"2025-04-15T12:57:14","date_gmt":"2025-04-15T11:57:14","guid":{"rendered":"https:\/\/alax.info\/blog\/?p=2387"},"modified":"2025-04-19T19:04:12","modified_gmt":"2025-04-19T18:04:12","slug":"shadertoy-net-maui-communitytoolkit-mediaelement","status":"publish","type":"post","link":"https:\/\/alax.info\/blog\/2387","title":{"rendered":"Shadertoy & .NET MAUI CommunityToolkit MediaElement"},"content":{"rendered":"\n

A side effect from integration of external video signal coming from native code C++ application with a .NET MAUI Blazor app<\/a>: a reference video source (based on nice Shader Art Coding Introduction<\/a> shadertoy – an HLSL equivalent can be found in resources of the attached application) is taken into .NET MAUI CommunityToolkit MediaElement<\/code><\/a> control (see also Play Audio and Video in .NET MAUI apps with the new MediaElement<\/a>).<\/p>\n\n\n\n

The application below is a reduced version to simply put the video source into a slim C++ application, see this tiny CompositionVideoDemo<\/code> application<\/a> if you are curious how to host a Windows.Media.Core.MediaSource<\/a><\/code> instance in a C++ application.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
MediaPlayer-20250415-a02d61b69a12ea0533141f9a479041db1b6c55f3<\/a>Download<\/a><\/div>\n\n\n\n\n\n\n\n

There is full hardware video acceleration of course, the live video is rendered directly by the shader to a Direct3D 11 device. Then the signal transits into the control bypassing system memory, hence minimal CPU load and reasonable GPU load on its 3D engine. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

After all\u2026 here we go in the Blazor\/MAUI application:<\/p>\n\n\n\n

\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

A side effect from integration of external video signal coming from native code C++ application with a .NET MAUI Blazor app: a reference video source (based on nice Shader Art Coding Introduction shadertoy – an HLSL equivalent can be found in resources of the attached application) is taken into .NET MAUI CommunityToolkit MediaElement control (see… <\/p>\n

Read the full article<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[538,643,38,642,424,579,486],"class_list":["post-2387","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-net","tag-blazor","tag-c","tag-maui","tag-media-foundation","tag-shadertoy","tag-video"],"_links":{"self":[{"href":"https:\/\/alax.info\/blog\/wp-json\/wp\/v2\/posts\/2387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alax.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alax.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alax.info\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/alax.info\/blog\/wp-json\/wp\/v2\/comments?post=2387"}],"version-history":[{"count":0,"href":"https:\/\/alax.info\/blog\/wp-json\/wp\/v2\/posts\/2387\/revisions"}],"wp:attachment":[{"href":"https:\/\/alax.info\/blog\/wp-json\/wp\/v2\/media?parent=2387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alax.info\/blog\/wp-json\/wp\/v2\/categories?post=2387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alax.info\/blog\/wp-json\/wp\/v2\/tags?post=2387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}