From 4fa9ec90fa8a4391194ca197e6dfc84f7ce5a409 Mon Sep 17 00:00:00 2001
From: Hyerim Kim <rimi.kim@samsung.com>
Date: Wed, 3 May 2017 10:44:08 +0900
Subject: [PATCH] Implements video player controls  - Gets media information
 from playing video

Change-Id: If7c3b07803f120add08e3f671d6028846c449db3
Signed-off-by: Hyerim Kim <rimi.kim@samsung.com>
---
 .../Controls/MediaHubButton.xaml.cs                |  40 ++++
 TVMediaHub/TVMediaHub.Tizen/Views/VideoPlayer.xaml |  51 ++---
 .../TVMediaHub.Tizen/Views/VideoPlayer.xaml.cs     | 233 +++++++++++++++------
 3 files changed, 224 insertions(+), 100 deletions(-)
 mode change 100644 => 100755 TVMediaHub/TVMediaHub.Tizen/Controls/MediaHubButton.xaml.cs

diff --git a/TVMediaHub/TVMediaHub.Tizen/Controls/MediaHubButton.xaml.cs b/TVMediaHub/TVMediaHub.Tizen/Controls/MediaHubButton.xaml.cs
old mode 100644
new mode 100755
index db52012..8b53fdd
--- a/TVMediaHub/TVMediaHub.Tizen/Controls/MediaHubButton.xaml.cs
+++ b/TVMediaHub/TVMediaHub.Tizen/Controls/MediaHubButton.xaml.cs
@@ -15,6 +15,7 @@
  */
 
 using System;
+using System.Windows.Input;
 using TVMediaHub.Tizen.Utils;
 using Xamarin.Forms;
 
@@ -59,6 +60,12 @@ namespace TVMediaHub.Tizen.Controls
             set;
         }
 
+        public ICommand ButtonCommand
+        {
+            get;
+            set;
+        }
+
         public MediaHubButton()
         {
             InitializeComponent();
@@ -80,6 +87,39 @@ namespace TVMediaHub.Tizen.Controls
 
                 Clicked?.Invoke(this, EventArgs.Empty);
 
+                if (PressedImage.Contains("play"))
+                {
+                    PressedImage = PressedImage.Replace("play", "pause");
+                    NormalImage = NormalImage.Replace("play", "pause");
+                    ButtonCommand?.Execute("play");
+                }
+                else if (PressedImage.Contains("pause"))
+                {
+                    PressedImage = PressedImage.Replace("pause", "play");
+                    NormalImage = NormalImage.Replace("pause", "play");
+                    ButtonCommand?.Execute("pause");
+                }
+                else if (PressedImage.Contains("forward"))
+                {
+                    ButtonCommand?.Execute("forward");
+                }
+                else if (PressedImage.Contains("rewind"))
+                {
+                    ButtonCommand?.Execute("rewind");
+                }
+                else if (PressedImage.Contains("previous"))
+                {
+                    ButtonCommand?.Execute("previous");
+                }
+                else if (PressedImage.Contains("next"))
+                {
+                    ButtonCommand?.Execute("next");
+                }
+                else if (PressedImage.Contains("option"))
+                {
+                    ButtonCommand?.Execute("option");
+                }
+
                 try
                 {
                     BtnIcon.Source = PressedImage;
diff --git a/TVMediaHub/TVMediaHub.Tizen/Views/VideoPlayer.xaml b/TVMediaHub/TVMediaHub.Tizen/Views/VideoPlayer.xaml
index 2465085..0be3d04 100755
--- a/TVMediaHub/TVMediaHub.Tizen/Views/VideoPlayer.xaml
+++ b/TVMediaHub/TVMediaHub.Tizen/Views/VideoPlayer.xaml
@@ -41,28 +41,7 @@
                     RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1}"
                     RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.8667}"
                     RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0}" >
-      <Utils:NinePatch x:Name="Track"
-                       VerticalOptions="Center"
-                       HorizontalOptions="Center"
-                       Aspect="Fill"
-                       BorderLeft="1"
-                       BorderTop="1"
-                       BorderRight="1"
-                       BorderBottom="1"
-                       Source="img_viewer_progress.9.png"
-                       RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.0277}"
-                       RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.9}"
-                       RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0}"
-                       RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.05}" />
-      <Utils:NinePatch x:Name="ProgressBarTemp"
-                       VerticalOptions="Center"
-                       HorizontalOptions="Start"
-                       Aspect="Fill"
-                       BorderLeft="1"
-                       BorderTop="1"
-                       BorderRight="1"
-                       BorderBottom="1"
-                       Source="img_viewer_progress.9.png"
+      <ProgressBar x:Name="progress"
                        RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.0277}"
                        RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.9}"
                        RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0}"
@@ -75,7 +54,7 @@
                       RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.05}">
         <Label x:Name="PlayTimeHr"
                Text="00"
-               FontFamily="Breeze Sans Regular"
+               FontFamily="BreezeSans"
                TextColor="#0081c6"
                RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.6667}"
                RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1311}"
@@ -83,15 +62,15 @@
                RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0}" />
         <Label x:Name="PlayTimeColon"
                Text=":"
-               FontFamily="Breeze Sans Regular"
+               FontFamily="BreezeSans"
                TextColor="#0081c6"
                RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.6667}"
                RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0245}"
                RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.2083}"
                RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1311}" />
         <Label x:Name="PlayTimeMin"
-               Text="28"
-               FontFamily="Breeze Sans Regular"
+               Text="00"
+               FontFamily="BreezeSans"
                TextColor="#0081c6"
                RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.6667}"
                RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1311}"
@@ -99,15 +78,15 @@
                RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1557}" />
         <Label x:Name="PlayTimeColon2"
                Text=":"
-               FontFamily="Breeze Sans Regular"
+               FontFamily="BreezeSans"
                TextColor="#0081c6"
                RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.6667}"
                RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0245}"
                RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.2083}"
                RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.2869}" />
         <Label x:Name="PlayTimeSec"
-               Text="30"
-               FontFamily="Breeze Sans Regular"
+               Text="00"
+               FontFamily="BreezeSans"
                TextColor="#0081c6"
                RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.6667}"
                RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1311}"
@@ -116,7 +95,7 @@
 
         <Label x:Name="RemainTimeHr"
                Text="01"
-               FontFamily="Breeze Sans Light"
+               FontFamily="BreezeSans"
                TextColor="#A5A5A5"
                RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.6667}"
                RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1311}"
@@ -124,7 +103,7 @@
                RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.5574}" />
         <Label x:Name="RemainTimeColon"
                Text=":"
-               FontFamily="Breeze Sans Light"
+               FontFamily="BreezeSans"
                TextColor="#A5A5A5"
                RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.6667}"
                RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0245}"
@@ -132,7 +111,7 @@
                RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.6885}" />
         <Label x:Name="RemainTimeMin"
                Text="30"
-               FontFamily="Breeze Sans Light"
+               FontFamily="BreezeSans"
                TextColor="#A5A5A5"
                RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.6667}"
                RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1311}"
@@ -140,7 +119,7 @@
                RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.7131}" />
         <Label x:Name="RemainTimeColon2"
                Text=":"
-               FontFamily="Breeze Sans Light"
+               FontFamily="BreezeSans"
                TextColor="#A5A5A5"
                RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.6667}"
                RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0245}"
@@ -148,7 +127,7 @@
                RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.8443}" />
         <Label x:Name="RemainTimeSec"
                Text="17"
-               FontFamily="Breeze Sans Light"
+               FontFamily="BreezeSans"
                TextColor="#A5A5A5"
                RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.6667}"
                RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1311}"
@@ -169,7 +148,6 @@
                                RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.3989}" />
 
       <Controls:MediaHubButton x:Name="PausePlayBtn"
-                               Clicked="PausePlayBtnClicked"
                                RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}"
                                RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.075}"
                                RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0}"
@@ -188,14 +166,13 @@
                                RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.5958}" />
 
       <Controls:MediaHubButton x:Name="OptionBtn"
-                               Clicked="OptionsBtnClicked"
                                RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}"
                                RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.075}"
                                RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0}"
                                RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.9015}" />
     </RelativeLayout>
 
-    <RelativeLayout x:Name="SpeedInfo" IsVisible="false"
+    <RelativeLayout x:Name="SpeedInfo" IsVisible="false" Opacity="0"
                     RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.111111}"
                     RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0625}"
                     RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.725926}"
diff --git a/TVMediaHub/TVMediaHub.Tizen/Views/VideoPlayer.xaml.cs b/TVMediaHub/TVMediaHub.Tizen/Views/VideoPlayer.xaml.cs
index f2029ca..e59ea85 100755
--- a/TVMediaHub/TVMediaHub.Tizen/Views/VideoPlayer.xaml.cs
+++ b/TVMediaHub/TVMediaHub.Tizen/Views/VideoPlayer.xaml.cs
@@ -23,6 +23,8 @@ using TVMediaHub.Tizen.ViewModels;
 using Elm = ElmSharp;
 using Xamarin.Forms.PlatformConfiguration.TizenSpecific;
 using TVMediaHub.Tizen.Controls;
+using System.Threading;
+using System.Threading.Tasks;
 
 namespace TVMediaHub.Tizen.Views
 {
@@ -31,7 +33,7 @@ namespace TVMediaHub.Tizen.Views
 
     public partial class VideoPlayer : ContentPageEx
     {
-        private bool isPlaying;
+        private int duration;
         private bool isOptionPopupShowing;
         private bool isScreenRatePopupShowing;
         private bool isSoundEffectPopupShowing;
@@ -45,6 +47,9 @@ namespace TVMediaHub.Tizen.Views
         private ContextPopup screenRateOptionPopup;
         private ContextPopup soundEffectOptionPopup;
 
+        private int PlayBackForwardIndex = 0;
+        private float[] PlayBackRate = { 1, 2, 4 };
+
         public static readonly BindableProperty CurrentVideoProperty = BindableProperty.Create("CurrentVideo", typeof(MediaInformation), typeof(VideoPlayer), null);
         public MediaInformation CurrentVideo
         {
@@ -60,6 +65,9 @@ namespace TVMediaHub.Tizen.Views
             TitleLabel.On<Xamarin.Forms.PlatformConfiguration.Tizen>().SetFontWeight(FontWeight.Bold);
             TitleLabel.FontSize = SizeUtils.GetFontSize(44);
 
+            InitializePlayerDisplay();
+            InitializePlayer();
+            PrepareAsync();
             InitializeButtons();
 
             OnBackButtonPressedHandler += async (s, e) =>
@@ -96,39 +104,30 @@ namespace TVMediaHub.Tizen.Views
             };
         }
 
-        protected override void InitializePage()
+        private void InitializeTimer()
         {
-            DbgPort.D("Initialize Page");
-
-            PreviousBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusLeftView(PreviousBtn.MediaHubButtonBtn);
-            PreviousBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusRightView(RewindBtn.MediaHubButtonBtn);
-
-            RewindBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusLeftView(PreviousBtn.MediaHubButtonBtn);
-            RewindBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusRightView(PausePlayBtn.MediaHubButtonBtn);
-
-            PausePlayBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusLeftView(RewindBtn.MediaHubButtonBtn);
-            PausePlayBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusRightView(ForwardBtn.MediaHubButtonBtn);
-
-            ForwardBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusLeftView(PausePlayBtn.MediaHubButtonBtn);
-            ForwardBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusRightView(NextBtn.MediaHubButtonBtn);
-
-            NextBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusLeftView(ForwardBtn.MediaHubButtonBtn);
-            NextBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusRightView(OptionBtn.MediaHubButtonBtn);
-
-            OptionBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusLeftView(NextBtn.MediaHubButtonBtn);
-            OptionBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusRightView(OptionBtn.MediaHubButtonBtn);
-
-            PausePlayBtn.MediaHubButtonBtn.Focus();
-
-            PausePlayBtnClicked(this, null);
+            Device.StartTimer(new TimeSpan(0, 0, 0, 0, 100), TimerElapsed);
         }
 
-        protected override void FinalizePage()
+        private bool TimerElapsed()
         {
-            DbgPort.D("Finalize Page");
+            Device.BeginInvokeOnMainThread(() =>
+            {
+                int playPosition = playerInstance.GetPlayPosition();
+                SetPlayTime(playPosition);
+                progress.Progress = (double)playPosition / duration;
+                DbgPort.D("temp : " + playPosition + ", progress : " + progress.Progress.ToString());
+            });
+
+            if (playerInstance.State != PlayerState.Playing)
+            {
+                return false;
+            }
+
+            return true;
         }
 
-        private async void PlayVideo()
+        private void InitializePlayerDisplay()
         {
             // Create Player Display and Window
             fullScreenWindow = new Elm.Window("MediaPlayer");
@@ -139,58 +138,120 @@ namespace TVMediaHub.Tizen.Views
                 if (evasKeyEventArg.KeyName.CompareTo(ElmSharp.EvasKeyEventArgs.PlatformBackButtonName) == 0)
                 {
                     DbgPort.D("Back Key Pressed. Hide Player window");
-                    isPlaying = false;
                     playerInstance.Stop();
                     fullScreenWindow.Hide();
+
+                    PausePlayBtn.NormalImage = PausePlayBtn.NormalImage.Replace("pause", "play");
+                    PausePlayBtn.PressedImage = PausePlayBtn.PressedImage.Replace("pause", "play");
+                    PausePlayBtn.MediaHubButtonIcon = PausePlayBtn.NormalImage;
                 }
 
             };
             DbgPort.D("ElmSharp.Window has been created");
 
-            fullScreenWindow.Resize(1920, 1080);
-            fullScreenWindow.Realize(null);
-            fullScreenWindow.Active();
-            fullScreenWindow.Show();
-
-            DbgPort.D("ElmSharp.Window is activated");
-
             playerDisplayInstance = new PlayerDisplay(fullScreenWindow);
             DbgPort.D("Player Display has been created");
+        }
 
+        private void InitializePlayer()
+        {
             // Create Player Instance
             playerInstance = new Player();
             playerInstance.Display = playerDisplayInstance;
             playerInstance.PlaybackCompleted += (obj, eventArg) =>
             {
                 DbgPort.D("PlaybackCompleted");
-                isPlaying = false;
                 playerInstance.Stop();
                 fullScreenWindow.Hide();
+
+                PausePlayBtn.NormalImage = PausePlayBtn.NormalImage.Replace("pause", "play");
+                PausePlayBtn.PressedImage = PausePlayBtn.PressedImage.Replace("pause", "play");
+                PausePlayBtn.MediaHubButtonIcon = PausePlayBtn.NormalImage;
             };
-            DbgPort.D("Player has been created");
 
             videoMediaSource = new MediaUriSource(CurrentVideo.FilePath);
             playerInstance.SetSource(videoMediaSource);
+        }
 
-            // Prepare media and player
+        private async void PrepareAsync()
+        {
             DbgPort.D("Prepare player");
             await playerInstance.PrepareAsync();
-            DbgPort.D("Player prepared");
+            DbgPort.D("Player prepared, state : " + playerInstance.State.ToString());
 
-            playerInstance.Start();
-            DbgPort.D("Play!!");
+            if (playerInstance.State == PlayerState.Ready)
+            {
+                duration = playerInstance.StreamInfo.GetDuration();
+                SetRemainTime();
+            }
+        }
 
-            VideoTabViewModelLocator.ViewModel.SetPlayedAt(CurrentVideo);
+        private void SetPlayTime(int time)
+        {
+            int second = (time / 1000) % 60;
+            int minute = (time / (1000 * 60)) % 60;
+            int hour = (time / (1000 * 60 * 60)) % 24;
+
+            PlayTimeHr.Text = string.Format("{0:D2}", hour);
+            PlayTimeMin.Text = string.Format("{0:D2}", minute);
+            PlayTimeSec.Text = string.Format("{0:D2}", second);
         }
 
-        private void PausePlayBtnClicked(object sender, EventArgs e)
+        private void SetRemainTime()
         {
-            DbgPort.D("PlayButton Clicked");
-            if (!isPlaying)
-            {
-                isPlaying = true;
-                PlayVideo();
-            }
+            int second = (duration / 1000) % 60;
+            int minute = (duration / (1000 * 60)) % 60;
+            int hour = (duration / (1000 * 60 * 60)) % 24;
+
+            RemainTimeHr.Text = string.Format("{0:D2}", hour);
+            RemainTimeMin.Text = string.Format("{0:D2}", minute);
+            RemainTimeSec.Text = string.Format("{0:D2}", second);
+        }
+
+        protected override void InitializePage()
+        {
+            DbgPort.D("Initialize Page");
+
+            PreviousBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusLeftView(PreviousBtn.MediaHubButtonBtn);
+            PreviousBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusRightView(RewindBtn.MediaHubButtonBtn);
+
+            RewindBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusLeftView(PreviousBtn.MediaHubButtonBtn);
+            RewindBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusRightView(PausePlayBtn.MediaHubButtonBtn);
+
+            PausePlayBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusLeftView(RewindBtn.MediaHubButtonBtn);
+            PausePlayBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusRightView(ForwardBtn.MediaHubButtonBtn);
+
+            ForwardBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusLeftView(PausePlayBtn.MediaHubButtonBtn);
+            ForwardBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusRightView(NextBtn.MediaHubButtonBtn);
+
+            NextBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusLeftView(ForwardBtn.MediaHubButtonBtn);
+            NextBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusRightView(OptionBtn.MediaHubButtonBtn);
+
+            OptionBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusLeftView(NextBtn.MediaHubButtonBtn);
+            OptionBtn.MediaHubButtonBtn.On<Tizen>().SetNextFocusRightView(OptionBtn.MediaHubButtonBtn);
+
+            PausePlayBtn.MediaHubButtonBtn.Focus();
+        }
+
+        protected override void FinalizePage()
+        {
+            DbgPort.D("Finalize Page");
+        }
+
+        private void PlayVideo()
+        {
+            fullScreenWindow.Resize(1920, 1080);
+            fullScreenWindow.Realize(null);
+            fullScreenWindow.Active();
+            fullScreenWindow.Show();
+
+            DbgPort.D("ElmSharp.Window is activated");
+
+            playerInstance.Start();
+            DbgPort.D("Play!!");
+            InitializeTimer();
+
+            VideoTabViewModelLocator.ViewModel.SetPlayedAt(CurrentVideo);
         }
 
         private void InitializeFontSize()
@@ -213,17 +274,10 @@ namespace TVMediaHub.Tizen.Views
             RemainTimeSec.FontSize = timeSize;
         }
 
-        protected override void LayoutChildren(double x, double y, double width, double height)
-        {
-            base.LayoutChildren(x, y, width, height);
-            Track.HeightRequest = height;
-            Track.WidthRequest = width;
-        }
-
         private void InitializeButtons()
         {
             MediaHubButton[] buttons = new MediaHubButton[6] { PreviousBtn, RewindBtn, PausePlayBtn, ForwardBtn, NextBtn, OptionBtn };
-            string[] icons = new string[6] { "previous", "rewind", "pause", "forward", "next", "option" };
+            string[] icons = new string[6] { "previous", "rewind", "play", "forward", "next", "option" };
             string iconPath = "btn_viewer_control_previous_normal.png";
 
             for (int i = 0; i < buttons.Length; i++)
@@ -231,12 +285,65 @@ namespace TVMediaHub.Tizen.Views
                 buttons[i].NormalImage = iconPath.Replace("previous", icons[i]);
                 buttons[i].PressedImage = buttons[i].NormalImage.Replace("normal", "pressed");
                 buttons[i].MediaHubButtonIcon = buttons[i].NormalImage;
-            }
-        }
 
-        private void OptionsBtnClicked(object sender, EventArgs e)
-        {
-            createOptionPopup();
+                buttons[i].ButtonCommand = new Command<string>(async (icon) =>
+                {
+                    SpeedInfo.FadeTo(0.0, 100);
+
+                    if (icon.Equals("play"))
+                    {
+                        PlayVideo();
+                    }
+                    else if (icon.Equals("pause"))
+                    {
+                        playerInstance.Pause();
+                    }
+                    else if (icon.Equals("rewind"))
+                    {
+                        int playPosition = playerInstance.GetPlayPosition();
+                        playPosition /= 2;
+                        SetPlayTime(playPosition);
+                        progress.Progress = (double)playPosition / duration;
+                        await playerInstance.SetPlayPositionAsync(playPosition, true);
+                        /*
+                        SpeedInfo.IsVisible = true;
+                        SpeedInfo.FadeTo(1.0, 100);
+                        PlayBackRewindIndex++;
+                        playerInstance.SetPlaybackRate(PlayBackRate[PlayBackRewindIndex % 3]);
+                        NumText.Text = PlayBackRate[PlayBackRewindIndex % 3].ToString();
+                        */
+                    }
+                    else if (icon.Equals("forward"))
+                    {
+                        SpeedInfo.IsVisible = true;
+                        SpeedInfo.FadeTo(1.0, 100);
+                        PlayBackForwardIndex++;
+                        playerInstance.SetPlaybackRate(PlayBackRate[PlayBackForwardIndex % 3]);
+                        NumText.Text = PlayBackRate[PlayBackForwardIndex % 3].ToString();
+                    }
+                    else if (icon.Equals("previous"))
+                    {
+                        progress.Progress = 0.0;
+                        await playerInstance.SetPlayPositionAsync(0, true);
+                    }
+                    else if (icon.Equals("next"))
+                    {
+                        try
+                        {
+                            progress.Progress = 1.0;
+                            await playerInstance.SetPlayPositionAsync(duration, true);
+                        }
+                        catch (ArgumentOutOfRangeException err)
+                        {
+                            DbgPort.D(err.Message);
+                        }
+                    }
+                    else if (icon.Equals("option"))
+                    {
+                        createOptionPopup();
+                    }
+                });
+            }
         }
 
         private void createScreenRateOptionPopup()
-- 
2.7.4