Embedding a DirectX Component in a Windows 8 Metro Javascript project

Question

I have a Metro Javascript project that needs to have a map panel that is drawn using DirectX. 
Since its rendering alot of vector data using the canvas is not an acceptable solution.

I'm hoping to use the Windows.Media.MediaExtensionManager to make this work.
I would pass the gestures from the javascript project to a backend component that would draw the appropriate portion of the map (based on a bounding box)
Then it would pass the rendered image to the source of a html video element.

It looks like this should be possible using the Schema Handler technique outlined in the following msdn sample. As long as I can draw to an IMFMediaSource.
http://code.msdn.microsoft.com/windowsapps/Media-extensions-sample-7b466096

Can this be done? Has anyone been successful in doing this?

Or is there an alternate way to do this?

Thanks.