Now that we have recorded a video, how about playing it back? Titanium has an inbuilt video player component that can play both local files and remote video URLs. In this recipe, we'll show you how to create the video player control and pass it the local file URL of the video that we recorded in the previous recipe.
In our app.js
file, underneath the declaration of the videoFile
object, we create the following function:
function playMovie(){ //create the video player and add it to our window //note the url property can be a remote url or a local file var my_movie = Ti.Media.createVideoPlayer({ url: videoFile, width: 280, height: 200, top:20, left:20, backgroundColor:'#000' }); win2.add(my_movie); my_movie.play(); }
Then, in your event listener for btnGetVideo
, extend the code so that it checks the button title and plays the recorded video when it has been saved:
//get video from the device btnGetVideo.addEventListener...