How to play mp4 video in HoloLens?

[jcheng1]

How to play mp4 video in Hololens? I can't find the widget(play video) from eye-wear project. Can I use another method to play video in Hololens?

[mwassmann · Accepted solution]

Johnny,

as you may have noticed on hololens you have no 2D view - even in the native hololens menu you need to pin objects in the real world.

We are working on different solutions in that manner - however for now you would only have a javascript solution to draw a canvas and "paint" the video on it -> its not the way you want to play a video, it takes a lot of perfomance.

Martin

[jambrose]

Hey Martin,

I realize this isn't the best way to accomplish playing a video on HoloLens, but this seems like it might be the best solution to show a short clip of stress test. Is there any documentation of the javascript solution, to draw a canvas and "paint" the video on it?

Jeff

[RolandRaytchev]

One thing what is working for small animations is simple to have a 3dImage and to chage the pictures source via a timer event. For small animations it seems to work

So now we can write a script 

/////////////////////////////////////////////////////////////////////////////
var global_count_int1=0;
//----- HERE IS THE ANIMATION from Server
$interval( function(){
 
if(animate ==true) // this variable is true then animate
  {
    if( global_count_int1 > 7)  global_count_int1=0;
    global_count_int1++;
    
   var url_source= "app/resources/Uploaded/pic_0"+global_count_int1+".gif";
     
    $scope.$applyAsync(function() {
      //$scope.view.wdg['3DImage-3']['source'] =url_source;
      $scope.app.params['image_url']=url_source;
      console.log("in interval url_source="+url_source);
                                  }
                      ); //end applyAsync
  }
} , 500);
/////////////////////////////////////////////////////////////////////

So this script work if the variable animate== true (could be also some value of toggle button)

In this case the script will change every half second the picture displayed on the 3DImage element.

In my test it does not work directly to set the source so I used a workaround to set a parameter which is bound on the 3d image source property