(予め)本記事はプレビュー版の環境に基づいて書かれています。
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