hammering at the seek logic for the example

Examples/Basics/PlayPage.ux

@@ -12,14 +12,21 @@
                 </Each>
             </StackPanel>
         </ScrollView>
-        <StackPanel Orientation="Horizontal" Dock="Bottom" ItemSpacing="40" ContentAlignment="Center"
-                    Padding="20">
-            <TextButton Value="Backward" Clicked="{backwardClicked}" />
-            <TextButton Value="Prev" Clicked="{prevClicked}" />
-            <TextButton Value="Stop" Clicked="{backClicked}" />
-            <TextButton Value="Play" Clicked="{playClicked}" />
-            <TextButton Value="Next" Clicked="{nextClicked}" />
-            <TextButton Value="Forward" Clicked="{forwardClicked}" />
+        <StackPanel Orientation="Vertical" Dock="Bottom">
+            <SeekBar Height="50">
+                <DockPanel Dock="Bottom">
+                    <Text Value="{progress}" Color="Black"/>
+                    <Text Value="{duration}" Dock="Right" Color="Black" Opacity="0.6"/>
+                </DockPanel>
+            </SeekBar>
+            <StackPanel Orientation="Horizontal" ItemSpacing="40" ContentAlignment="Center" Padding="20">
+                <TextButton Value="Backward" Clicked="{backwardClicked}" />
+                <TextButton Value="Prev" Clicked="{prevClicked}" />
+                <TextButton Value="Stop" Clicked="{backClicked}" />
+                <TextButton Value="Play" Clicked="{playClicked}" />
+                <TextButton Value="Next" Clicked="{nextClicked}" />
+                <TextButton Value="Forward" Clicked="{forwardClicked}" />
+            </StackPanel>
         </StackPanel>
         <BottomBarBackground Dock="Bottom" />
     </DockPanel>

Examples/Basics/SeekBar.js

@@ -0,0 +1,79 @@
+var StreamingPlayer = require("FuseJS/StreamingPlayer");
+var Observable = require('FuseJS/Observable');
+var Timer = require("FuseJS/Timer");
+
+//-------------------------------
+
+var progress = Observable(0.0);
+var isInteracting = false;
+var duration = Observable(0.0);
+var sliderValue = Observable(0.0);
+var endInteractionTimeout = null;
+var timer = null;
+
+function deleteTimer(){
+	if (timer !== null)
+		Timer.delete(timer);
+}
+
+function createNewTimer() {
+	deleteTimer();
+	timer = Timer.create(function() {
+		if (!isInteracting) {
+			duration.value = StreamingPlayer.duration;
+			progress.value = StreamingPlayer.progress;
+		}
+	}, 100, true);
+}
+
+//-------------------------------
+
+var interacting = function() {
+	console.log("interacting");
+	if (endInteractionTimeout !== null) {
+		console.log("interacting: clearTimeout");
+		clearTimeout(endInteractionTimeout);
+	}
+	isInteracting = true;
+};
+
+
+var seekToSliderValue = function() {
+	if (isInteracting) {
+		console.log("seekToSliderValue");
+		if (sliderValue.value)
+		{
+			console.log("seekToSliderValue: " + sliderValue.value);
+			StreamingPlayer.seek(sliderValue.value);
+		}
+		endInteractionTimeout = setTimeout(function() {
+			isInteracting = false;
+		}, 500);
+	}
+};
+
+progress.addSubscriber(function(x) {
+	if (isInteracting || duration.value==0)
+		return;
+	var ret = x.value / duration.value;
+	console.log("progress callback - progress: " + x.value + "setting slider to: " + ret);
+	sliderValue.value = ret;
+});
+
+sliderValue.onValueChanged(function(val) {
+	if (isInteracting)
+	{
+		var newVal = (val * duration.value);
+		console.log("slideValue changed: setting progress to " + newVal);
+		progress.value = newVal;
+	}
+});
+
+timer = createNewTimer();
+
+module.exports = {
+	seekToSliderValue : seekToSliderValue,
+	interacting : interacting,
+	isInteracting : isInteracting,
+	sliderValue : sliderValue
+};

Examples/Basics/SeekBar.ux

@@ -0,0 +1,23 @@
+<RangeControl ux:Class="SeekBar" ux:Name="mySlider" HitTestMode="LocalBounds" Height="20" Minimum="0" Maximum="1">
+	<DockLayout />
+
+	<JavaScript File="SeekBar.js" />
+
+	<LinearRangeBehavior/>
+	<ProgressAnimation>
+		<Change thumb.Width="100%"/>
+	</ProgressAnimation>
+
+	<Panel Height="4">
+		<DataBinding Target="mySlider.Value" Key="sliderValue" />
+		<Panel ux:Name="thumb" Alignment="Left" Width="0%" Height="4" HitTestMode="LocalBounds">
+			<Rectangle CornerRadius="2" Color="Black"/>
+		</Panel>
+		<Rectangle Layer="Background" CornerRadius="2" Color="Black" Opacity="0.4"/>
+	</Panel>
+
+	<WhileInteracting>
+		<Callback Handler="{interacting}" />
+		<Callback Handler="{seekToSliderValue}" Direction="Backward" />
+	</WhileInteracting>
+</RangeControl>

src/Android/StreamingAudioService.java

@@ -602,6 +602,8 @@ private void Stop()
         // {TODO} why stop the service?
         Intent intent = new Intent(getApplicationContext(), StreamingAudioService.class);
         stopService(intent);
+        //
+        MakeTrackCurrentByUID(-1);
     }
 
     //

src/iOS/LockScreenControls.uno

@@ -113,7 +113,7 @@ namespace StreamingPlayer
 
 
             MPRemoteCommandCenter *commandCenter = [MPRemoteCommandCenter sharedCommandCenter];
-            NSOperatingSystemVersion ios9_0_0 = (NSOperatingSystemVersion){9, 0, 0};
+            NSOperatingSystemVersion ios9_0_1 = (NSOperatingSystemVersion){9, 0, 1};
 
             [commandCenter.playCommand addTargetWithHandler:^MPRemoteCommandHandlerStatus(MPRemoteCommandEvent *event) {
                 play();
@@ -136,7 +136,7 @@ namespace StreamingPlayer
                 return MPRemoteCommandHandlerStatusSuccess;
             }];
 
-            if ([[NSProcessInfo processInfo] isOperatingSystemAtLeastVersion:ios9_0_0])
+            if ([[NSProcessInfo processInfo] isOperatingSystemAtLeastVersion:ios9_0_1])
             {
                 [commandCenter.changePlaybackPositionCommand setEnabled:true];
                 [commandCenter.changePlaybackPositionCommand addTargetWithHandler:^(MPRemoteCommandEvent *event) {

src/iOS/StreamingPlayeriOSImpl.uno

@@ -374,6 +374,7 @@ namespace StreamingPlayer
                 Status = PlayerStatus.Stopped;
                 _internalState = iOSPlayerState.Unknown;
                 _player = null;
+                MakeTrackCurrentByUID(-1);
             }
         }