(予め)本記事はプレビュー版の環境に基づいて書かれています。
Windows 1o Desctop Build 10240
Windows 1o Mobile Build 10166
Visual Studio 2015 RC
製品版では内容と異なる可能性もあります。
紹介したプロジェクトは以下から実行可能です。
UWPアプリのサンプル(GitHub)
前回に引き続きMediaElementを用いた動画再生です。
まずは基本的な再生コード。
//Subscribe to player events
player.MediaOpened += Player_MediaOpened;
player.MediaFailed += Player_MediaFailed;
player.CurrentStateChanged += Player_CurrentStateChanged;
// Get a video
AzureDataProvider dataProvider = new AzureDataProvider();
video = dataProvider.GetRandomVideo();
this.player.Source = video.VideoLink;
this.LicenseText.Text = "License: " + video.License;
//Set the source on the MediaElement
rootPage.NotifyUser(string.Format("Opening '{0}'", video.Title), NotifyType.StatusMessage);
// Use the compat version of the transport controls
this.player.TransportControls.IsCompact = true;
GetRandomVideoメソッドの中を読むと色々な動画の形式が確認できます。
VideoMetaData video1 = new VideoMetaData();
video1.Id = "AzureMediaServicesOverview";
video1.PubDate = DateTime.Now;
video1.VideoLink = new Uri("http://amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-faba6c2206a2/AzureMediaServicesPromo.ism/manifest(format=m3u8-aapl)");
video1.Title = "Azure Media Services Overview";
video1.WebPageLink = new Uri("http://amsplayer.azurewebsites.net/amssamples.html");
video1.License = "(C) Microsoft Coorporation | All Rights Reserved";
video1.Thumbnail = new Uri("http://t3.gstatic.com/images?q=tbn:ANd9GcRoTu81vs8GuQtJBGUZ0pLEiNHVVx3dFwHsu7JCkvGop8Z-98EsPg");
l.Add(video1.Id, video1);
VideoMetaData video2 = new VideoMetaData();
video2.Id = "BigBuckBunnyTrailer";
video2.PubDate = DateTime.Now;
video2.VideoLink = new Uri("http://download.blender.org/peach/bigbuckbunny_movies/big_buck_bunny_480p_surround-fix.avi");
video2.Title = "Big Buck Bunny";
video2.WebPageLink = new Uri("https://peach.blender.org/");
video2.License = "(CC) Blender Foundation | peach.blender.org";
video2.Thumbnail = new Uri("http://t0.gstatic.com/images?q=tbn:ANd9GcQT54UKh0zX5OUDNLRyXOOwt3pqj0lpaLCJebucva2LSV49aGjRfg");
l.Add(video2.Id, video2);
VideoMetaData video3 = new VideoMetaData();
video3.Id = "bc57e088-27ec-44e0-ac20-a85ccbcd50da";
video3.PubDate = DateTime.Now;
video3.VideoLink = new Uri("http://amssamples.streaming.mediaservices.windows.net/bc57e088-27ec-44e0-ac20-a85ccbcd50da/TearsOfSteel.ism/manifest(format=mpd-time-csf)");
video3.Title = "Tears of Steel";
video3.WebPageLink = new Uri("https://mango.blender.org/");
video3.License = "(CC) Blender Foundation | durian.blender.org/";
video3.Thumbnail = new Uri("http://t3.gstatic.com/images?q=tbn:ANd9GcQO0MMO_vXf8Q1zjZWLHa1_566Mf_jty6vJKRi9R-C_0W-gXnNOog");
l.Add(video3.Id, video3);
//VideoMetaData video4 = new VideoMetaData();
//video4.Id = "b6822ec8-5c2b-4ae0-a851-fd46a78294e9";
//video4.PubDate = DateTime.Now;
//video4.VideoLink = new Uri("http://amssamples.streaming.mediaservices.windows.net/b6822ec8-5c2b-4ae0-a851-fd46a78294e9/ElephantsDream.ism/manifest(filtername=FirstFilter,format=mpd-time-csf)");
//video4.Title = "Elephants Dream";
//video4.WebPageLink = new Uri("https://orange.blender.org/");
//video4.License = "(c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org";
//video4.Thumbnail = new Uri("https://orange.blender.org/wp-content/uploads/2006/05/edscore_cover_l.jpg");
//l.Add(video4.Id, video4);
VideoMetaData video5 = new VideoMetaData();
video5.Id = "49b57c87-f5f3-48b3-ba22-c55cfdffa9cb";
video5.PubDate = DateTime.Now;
video5.VideoLink = new Uri("http://amssamples.streaming.mediaservices.windows.net/49b57c87-f5f3-48b3-ba22-c55cfdffa9cb/Sintel.ism/manifest(format=m3u8-aapl)");
video5.Title = "Sintel";
video5.WebPageLink = new Uri("https://durian.blender.org/");
video5.License = "© copyright Blender Foundation | www.sintel.org";
video5.Thumbnail = new Uri("https://durian.blender.org/wp-content/uploads/2010/05/sintel_trailer_1080.jpg");
l.Add(video5.Id, video5);
s_metaDataList = l;
それ以外の項目は動画をキャストしたり、キャストされたりのサンプルなのですが、ちょっと再現できる環境がなかったので、正式版で環境を整えてから紹介しようと思います。
動画系は面白いけどテストが大変。
Please give us your valuable comment