+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Samples/Accelerometer/js/html/scenario2_ShakeEvents.html b/Samples/Accelerometer/js/html/scenario2_ShakeEvents.html
new file mode 100644
index 0000000000..40be33c413
--- /dev/null
+++ b/Samples/Accelerometer/js/html/scenario2_ShakeEvents.html
@@ -0,0 +1,27 @@
+
+
+
+
+
+ Registers an event listener for accelerometer data and displays the X, Y and Z acceleration values as they are reported.
+ + ++
+
+
+ + Registers an event listener for accelerometer shake events and displays the cumulative count of shake events. +
+ + +
+ Shake count: 0
+
+
+
+
+
\ No newline at end of file
diff --git a/Samples/Accelerometer/js/html/scenario3_Polling.html b/Samples/Accelerometer/js/html/scenario3_Polling.html
new file mode 100644
index 0000000000..84ae67f96b
--- /dev/null
+++ b/Samples/Accelerometer/js/html/scenario3_Polling.html
@@ -0,0 +1,29 @@
+
+
+
+
+
+ +
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Samples/Accelerometer/js/html/scenario4_OrientationChanged.html b/Samples/Accelerometer/js/html/scenario4_OrientationChanged.html
new file mode 100644
index 0000000000..f89d331eee
--- /dev/null
+++ b/Samples/Accelerometer/js/html/scenario4_OrientationChanged.html
@@ -0,0 +1,49 @@
+
+
+
+
+
+ Polls for accelerometer data and displays the X, Y and Z acceleration values at a set interval.
+ + ++
+
+
+
+
+ + Registers for OrientationChanged event of the DisplayInformation class to illustrate the usage of the 'ReadingTransform' Property. Displays accelerometer readings with and without the transformation. +
+ + ++
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Samples/Accelerometer/js/html/scenario5_DataEventsBatching.html b/Samples/Accelerometer/js/html/scenario5_DataEventsBatching.html
new file mode 100644
index 0000000000..c84176b0f6
--- /dev/null
+++ b/Samples/Accelerometer/js/html/scenario5_DataEventsBatching.html
@@ -0,0 +1,31 @@
+
+
+
+
+
+ | Transform: | +None | +DisplayOrientation | +
| X: | +no data | +no data | +
| Y: | +no data | +no data | +
| Z: | +no data | +no data | +
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Samples/Accelerometer/js/js/sample-configuration.js b/Samples/Accelerometer/js/js/sample-configuration.js
new file mode 100644
index 0000000000..c5eef00d34
--- /dev/null
+++ b/Samples/Accelerometer/js/js/sample-configuration.js
@@ -0,0 +1,20 @@
+//// Copyright (c) Microsoft Corporation. All rights reserved
+
+(function () {
+ "use strict";
+
+ var sampleTitle = "AccelerometerJS";
+
+ var scenarios = [
+ { url: "/html/scenario1_DataEvents.html", title: "Data Events" },
+ { url: "/html/scenario2_ShakeEvents.html", title: "Shake Events" },
+ { url: "/html/scenario3_Polling.html", title: "Polling" },
+ { url: "/html/scenario4_OrientationChanged.html", title: "OrientationChanged Handling" },
+ { url: "/html/scenario5_DataEventsBatching.html", title: "Data Events Batching" }
+ ];
+
+ WinJS.Namespace.define("SdkSample", {
+ sampleTitle: sampleTitle,
+ scenarios: new WinJS.Binding.List(scenarios)
+ });
+})();
\ No newline at end of file
diff --git a/Samples/Accelerometer/js/js/scenario1_DataEvents.js b/Samples/Accelerometer/js/js/scenario1_DataEvents.js
new file mode 100644
index 0000000000..5a55579353
--- /dev/null
+++ b/Samples/Accelerometer/js/js/scenario1_DataEvents.js
@@ -0,0 +1,90 @@
+//// Copyright (c) Microsoft Corporation. All rights reserved
+
+(function () {
+ "use strict";
+ var reportInterval = 0;
+ var accelerometer;
+
+ var page = WinJS.UI.Pages.define("/html/scenario1_DataEvents.html", {
+ ready: function (element, options) {
+ document.getElementById("scenario1Open").addEventListener("click", enableReadingChangedScenario, false);
+ document.getElementById("scenario1Revoke").addEventListener("click", disableReadingChangedScenario, false);
+ document.getElementById("scenario1Open").disabled = false;
+ document.getElementById("scenario1Revoke").disabled = true;
+
+ accelerometer = Windows.Devices.Sensors.Accelerometer.getDefault();
+ if (accelerometer) {
+ // Select a report interval that is both suitable for the purposes of the app and supported by the sensor.
+ // This value will be used later to activate the sensor.
+ var minimumReportInterval = accelerometer.minimumReportInterval;
+ reportInterval = minimumReportInterval > 16 ? minimumReportInterval : 16;
+ } else {
+ WinJS.log && WinJS.log("No accelerometer found", "sample", "error");
+ }
+ },
+ unload: function () {
+ if (document.getElementById("scenario1Open").disabled) {
+ document.removeEventListener("visibilitychange", visibilityChangeHandler, false);
+ accelerometer.removeEventListener("readingchanged", onDataChanged);
+
+ // Return the report interval to its default to release resources while the sensor is not in use
+ accelerometer.reportInterval = 0;
+ }
+ }
+ });
+
+ function visibilityChangeHandler() {
+ // This is the event handler for VisibilityChanged events. You would register for these notifications
+ // if handling sensor data when the app is not visible could cause unintended actions in the app.
+ if (document.getElementById("scenario1Open").disabled) {
+ if (document.msVisibilityState === "visible") {
+ // Re-enable sensor input. No need to restore the desired reportInterval (it is restored for us upon app resume)
+ accelerometer.addEventListener("readingchanged", onDataChanged);
+ } else {
+ // Disable sensor input. No need to restore the default reportInterval (resources will be released upon app suspension)
+ accelerometer.removeEventListener("readingchanged", onDataChanged);
+ }
+ }
+ }
+
+ function onDataChanged(e) {
+ var reading = e.reading;
+
+ // event can still be in queue after unload is called
+ // so check if elements are still loaded
+
+ if (document.getElementById("eventOutputX")) {
+ document.getElementById("eventOutputX").innerHTML = reading.accelerationX.toFixed(2);
+ }
+ if (document.getElementById("eventOutputY")) {
+ document.getElementById("eventOutputY").innerHTML = reading.accelerationY.toFixed(2);
+ }
+ if (document.getElementById("eventOutputZ")) {
+ document.getElementById("eventOutputZ").innerHTML = reading.accelerationZ.toFixed(2);
+ }
+ }
+
+ function enableReadingChangedScenario() {
+ if (accelerometer) {
+ // Set the reportInterval to enable the sensor events
+ accelerometer.reportInterval = reportInterval;
+
+ document.addEventListener("visibilitychange", visibilityChangeHandler, false);
+ accelerometer.addEventListener("readingchanged", onDataChanged);
+ document.getElementById("scenario1Open").disabled = true;
+ document.getElementById("scenario1Revoke").disabled = false;
+ } else {
+ WinJS.log && WinJS.log("No accelerometer found", "sample", "error");
+ }
+ }
+
+ function disableReadingChangedScenario() {
+ document.removeEventListener("visibilitychange", visibilityChangeHandler, false);
+ accelerometer.removeEventListener("readingchanged", onDataChanged);
+ document.getElementById("scenario1Open").disabled = false;
+ document.getElementById("scenario1Revoke").disabled = true;
+
+ // Return the report interval to its default to release resources while the sensor is not in use
+ accelerometer.reportInterval = 0;
+ }
+})();
diff --git a/Samples/Accelerometer/js/js/scenario2_ShakeEvents.js b/Samples/Accelerometer/js/js/scenario2_ShakeEvents.js
new file mode 100644
index 0000000000..7bca2f0bba
--- /dev/null
+++ b/Samples/Accelerometer/js/js/scenario2_ShakeEvents.js
@@ -0,0 +1,67 @@
+//// Copyright (c) Microsoft Corporation. All rights reserved
+
+(function () {
+ "use strict";
+ var accelerometer;
+
+ var page = WinJS.UI.Pages.define("/html/scenario2_ShakeEvents.html", {
+ ready: function (element, options) {
+ document.getElementById("scenario2Open").addEventListener("click", enableShakenScenario, false);
+ document.getElementById("scenario2Revoke").addEventListener("click", disableShakenScenario, false);
+ document.getElementById("scenario2Open").disabled = false;
+ document.getElementById("scenario2Revoke").disabled = true;
+
+ accelerometer = Windows.Devices.Sensors.Accelerometer.getDefault();
+ if (accelerometer === null) {
+ WinJS.log && WinJS.log("No accelerometer found", "sample", "error");
+ }
+ },
+ unload: function () {
+ if (document.getElementById("scenario2Open").disabled) {
+ document.removeEventListener("visibilitychange", visibilityChangeHandler, false);
+ accelerometer.removeEventListener("shaken", onShaken);
+ }
+ }
+ });
+
+ function visibilityChangeHandler() {
+ // This is the event handler for VisibilityChanged events. You would register for these notifications
+ // if handling sensor data when the app is not visible could cause unintended actions in the app.
+ if (document.getElementById("scenario2Open").disabled) {
+ if (document.msVisibilityState === "visible") {
+ // Re-enable sensor input
+ accelerometer.addEventListener("shaken", onShaken);
+ } else {
+ // Disable sensor input
+ accelerometer.removeEventListener("shaken", onShaken);
+ }
+ }
+ }
+
+ var onShaken = (function () {
+ var shakeCount = 0;
+
+ return function (e) {
+ shakeCount++;
+ document.getElementById("shakeOutput").innerHTML = shakeCount;
+ };
+ })();
+
+ function enableShakenScenario() {
+ if (accelerometer) {
+ document.addEventListener("visibilitychange", visibilityChangeHandler, false);
+ accelerometer.addEventListener("shaken", onShaken);
+ document.getElementById("scenario2Open").disabled = true;
+ document.getElementById("scenario2Revoke").disabled = false;
+ } else {
+ WinJS.log && WinJS.log("No accelerometer found", "sample", "error");
+ }
+ }
+
+ function disableShakenScenario() {
+ document.removeEventListener("visibilitychange", visibilityChangeHandler, false);
+ accelerometer.removeEventListener("shaken", onShaken);
+ document.getElementById("scenario2Open").disabled = false;
+ document.getElementById("scenario2Revoke").disabled = true;
+ }
+})();
diff --git a/Samples/Accelerometer/js/js/scenario3_Polling.js b/Samples/Accelerometer/js/js/scenario3_Polling.js
new file mode 100644
index 0000000000..07bab9022b
--- /dev/null
+++ b/Samples/Accelerometer/js/js/scenario3_Polling.js
@@ -0,0 +1,83 @@
+//// Copyright (c) Microsoft Corporation. All rights reserved
+
+(function () {
+ "use strict";
+ var reportInterval = 0;
+ var intervalId = 0;
+ var accelerometer;
+
+ var page = WinJS.UI.Pages.define("/html/scenario3_Polling.html", {
+ ready: function (element, options) {
+ document.getElementById("scenario3Open").addEventListener("click", enableGetReadingScenario, false);
+ document.getElementById("scenario3Revoke").addEventListener("click", disableGetReadingScenario, false);
+ document.getElementById("scenario3Open").disabled = false;
+ document.getElementById("scenario3Revoke").disabled = true;
+
+ accelerometer = Windows.Devices.Sensors.Accelerometer.getDefault();
+ if (accelerometer) {
+ // Select a report interval that is both suitable for the purposes of the app and supported by the sensor.
+ // This value will be used later to activate the sensor.
+ var minimumReportInterval = accelerometer.minimumReportInterval;
+ reportInterval = minimumReportInterval > 16 ? minimumReportInterval : 16;
+ } else {
+ WinJS.log && WinJS.log("No accelerometer found", "sample", "error");
+ }
+ },
+ unload: function () {
+ if (document.getElementById("scenario3Open").disabled) {
+ document.removeEventListener("visibilitychange", visibilityChangeHandler, false);
+ clearInterval(intervalId);
+
+ // Return the report interval to its default to release resources while the sensor is not in use
+ accelerometer.reportInterval = 0;
+ }
+ }
+ });
+
+ function visibilityChangeHandler() {
+ // This is the event handler for VisibilityChanged events. You would register for these notifications
+ // if handling sensor data when the app is not visible could cause unintended actions in the app.
+ if (document.getElementById("scenario3Open").disabled) {
+ if (document.msVisibilityState === "visible") {
+ // Re-enable sensor input. No need to restore the desired reportInterval (it is restored for us upon app resume)
+ intervalId = setInterval(getCurrentReading, reportInterval);
+ } else {
+ // Disable sensor input. No need to restore the default reportInterval (resources will be released upon app suspension)
+ clearInterval(intervalId);
+ }
+ }
+ }
+
+ function getCurrentReading() {
+ var reading = accelerometer.getCurrentReading();
+ if (reading) {
+ document.getElementById("readingOutputX").innerHTML = reading.accelerationX.toFixed(2);
+ document.getElementById("readingOutputY").innerHTML = reading.accelerationY.toFixed(2);
+ document.getElementById("readingOutputZ").innerHTML = reading.accelerationZ.toFixed(2);
+ }
+ }
+
+ function enableGetReadingScenario() {
+ if (accelerometer) {
+ // Set the report interval to enable the sensor for polling
+ accelerometer.reportInterval = reportInterval;
+
+ document.addEventListener("visibilitychange", visibilityChangeHandler, false);
+ intervalId = setInterval(getCurrentReading, reportInterval);
+ document.getElementById("scenario3Open").disabled = true;
+ document.getElementById("scenario3Revoke").disabled = false;
+ } else {
+ WinJS.log && WinJS.log("No accelerometer found", "sample", "error");
+ }
+ }
+
+ function disableGetReadingScenario() {
+ document.removeEventListener("visibilitychange", visibilityChangeHandler, false);
+ clearInterval(intervalId);
+ document.getElementById("scenario3Open").disabled = false;
+ document.getElementById("scenario3Revoke").disabled = true;
+
+ // Return the report interval to its default to release resources while the sensor is not in use
+ accelerometer.reportInterval = 0;
+ }
+})();
diff --git a/Samples/Accelerometer/js/js/scenario4_OrientationChanged.js b/Samples/Accelerometer/js/js/scenario4_OrientationChanged.js
new file mode 100644
index 0000000000..1996fc8121
--- /dev/null
+++ b/Samples/Accelerometer/js/js/scenario4_OrientationChanged.js
@@ -0,0 +1,131 @@
+//// Copyright (c) Microsoft Corporation. All rights reserved
+
+(function () {
+ "use strict";
+ var accelerometerOriginal;
+ var accelerometerReadingTransform;
+ var displayInformation;
+
+ var page = WinJS.UI.Pages.define("/html/scenario4_OrientationChanged.html", {
+ ready: function (element, options) {
+ var disableOpen = true;
+ document.getElementById("scenario4Open").addEventListener("click", enableOrientationChangedScenario, false);
+ document.getElementById("scenario4Revoke").addEventListener("click", disableOrientationChangedScenario, false);
+ document.getElementById("scenario4Revoke").disabled = true;
+
+ displayInformation = Windows.Graphics.Display.DisplayInformation.getForCurrentView();
+
+ // Get two instances of the accelerometer:
+ // One that returns the raw accelerometer data
+ accelerometerOriginal = Windows.Devices.Sensors.Accelerometer.getDefault();
+ // Other on which the 'ReadingTransform' is updated so that data returned aligns with the request transformation.
+ accelerometerReadingTransform = Windows.Devices.Sensors.Accelerometer.getDefault();
+
+ if (!accelerometerOriginal || !accelerometerReadingTransform) {
+ WinJS.log && WinJS.log("No accelerometer found", "sample", "error");
+ } else {
+ disableOpen = false;
+ displayInformation.addEventListener("orientationchanged", onOrientationChanged);
+ }
+ document.getElementById("scenario4Open").disabled = disableOpen;
+ },
+ unload: function () {
+ if (!document.getElementById("scenario4Revoke").disabled) {
+ document.removeEventListener("visibilitychange", visibilityChangeHandler, false);
+ displayInformation.removeEventListener("orientationchanged", onOrientationChanged);
+ accelerometerOriginal.removeEventListener("readingchanged", onDataChangedOriginal);
+ accelerometerReadingTransform.removeEventListener("readingchanged", onDataChangedReadingTransform);
+
+ // Return the report interval to its default to release resources while the sensor is not in use
+ accelerometerOriginal.reportInterval = 0;
+ accelerometerReadingTransform.reportInterval = 0;
+ }
+ }
+ });
+
+ function visibilityChangeHandler() {
+ // This is the event handler for VisibilityChanged events. You would register for these notifications
+ // if handling sensor data when the app is not visible could cause unintended actions in the app.
+ if (!document.getElementById("scenario4Revoke").disabled) {
+ if (document.msVisibilityState === "visible") {
+ // Re-enable sensor input. No need to restore the desired reportInterval (it is restored for us upon app resume)
+ accelerometerOriginal.addEventListener("readingchanged", onDataChangedOriginal);
+ accelerometerReadingTransform.addEventListener("readingchanged", onDataChangedReadingTransform);
+ } else {
+ // Disable sensor input. No need to restore the default reportInterval (resources will be released upon app suspension)
+ accelerometerOriginal.removeEventListener("readingchanged", onDataChangedOriginal);
+ accelerometerReadingTransform.removeEventListener("readingchanged", onDataChangedReadingTransform);
+ }
+ }
+ }
+
+ function onDataChangedOriginal(e) {
+ var reading = e.reading;
+
+ // event can still be in queue after unload is called
+ // so check if elements are still loaded
+
+ if (document.getElementById("eventOutputXOriginal")) {
+ document.getElementById("eventOutputXOriginal").innerHTML = reading.accelerationX.toFixed(2);
+ }
+ if (document.getElementById("eventOutputYOriginal")) {
+ document.getElementById("eventOutputYOriginal").innerHTML = reading.accelerationY.toFixed(2);
+ }
+ if (document.getElementById("eventOutputZOriginal")) {
+ document.getElementById("eventOutputZOriginal").innerHTML = reading.accelerationZ.toFixed(2);
+ }
+ }
+
+ function onDataChangedReadingTransform(e) {
+ var reading = e.reading;
+
+ // event can still be in queue after unload is called
+ // so check if elements are still loaded
+
+ if (document.getElementById("eventOutputXDataTransform")) {
+ document.getElementById("eventOutputXDataTransform").innerHTML = reading.accelerationX.toFixed(2);
+ }
+ if (document.getElementById("eventOutputYDataTransform")) {
+ document.getElementById("eventOutputYDataTransform").innerHTML = reading.accelerationY.toFixed(2);
+ }
+ if (document.getElementById("eventOutputZDataTransform")) {
+ document.getElementById("eventOutputZDataTransform").innerHTML = reading.accelerationZ.toFixed(2);
+ }
+ }
+
+ function enableOrientationChangedScenario() {
+ // Set the reportInterval to enable the sensor events
+ accelerometerOriginal.reportInterval = accelerometerOriginal.minimumReportInterval;
+ accelerometerReadingTransform.reportInterval = accelerometerReadingTransform.minimumReportInterval;
+
+ // Set the readingTransform to align with the current display orientation
+ accelerometerReadingTransform.readingTransform = displayInformation.currentOrientation;
+
+ accelerometerOriginal.addEventListener("readingchanged", onDataChangedOriginal);
+ accelerometerReadingTransform.addEventListener("readingchanged", onDataChangedReadingTransform);
+
+ document.addEventListener("visibilitychange", visibilityChangeHandler, false);
+
+ document.getElementById("scenario4Open").disabled = true;
+ document.getElementById("scenario4Revoke").disabled = false;
+ }
+
+ function disableOrientationChangedScenario() {
+ document.removeEventListener("visibilitychange", visibilityChangeHandler, false);
+ accelerometerOriginal.removeEventListener("readingchanged", onDataChangedOriginal);
+ accelerometerReadingTransform.removeEventListener("readingchanged", onDataChangedReadingTransform);
+
+ // Return the report interval to its default to release resources while the sensor is not in use
+ accelerometerOriginal.reportInterval = 0;
+ accelerometerReadingTransform.reportInterval = 0;
+
+ document.getElementById("scenario4Open").disabled = false;
+ document.getElementById("scenario4Revoke").disabled = true;
+ }
+
+ function onOrientationChanged(eventArgs) {
+ if (accelerometerReadingTransform) {
+ accelerometerReadingTransform.readingTransform = eventArgs.target.currentOrientation;
+ }
+ }
+})();
diff --git a/Samples/Accelerometer/js/js/scenario5_DataEventsBatching.js b/Samples/Accelerometer/js/js/scenario5_DataEventsBatching.js
new file mode 100644
index 0000000000..172a794d7e
--- /dev/null
+++ b/Samples/Accelerometer/js/js/scenario5_DataEventsBatching.js
@@ -0,0 +1,98 @@
+//// Copyright (c) Microsoft Corporation. All rights reserved
+
+(function () {
+ "use strict";
+ var reportInterval = 0;
+ var reportLatency = 0;
+ var accelerometer;
+
+ var page = WinJS.UI.Pages.define("/html/scenario5_DataEventsBatching.html", {
+ ready: function (element, options) {
+ document.getElementById("scenario5Open").addEventListener("click", enableReadingChangedScenario, false);
+ document.getElementById("scenario5Revoke").addEventListener("click", disableReadingChangedScenario, false);
+ document.getElementById("scenario5Open").disabled = false;
+ document.getElementById("scenario5Revoke").disabled = true;
+
+ accelerometer = Windows.Devices.Sensors.Accelerometer.getDefault();
+ if (accelerometer) {
+ // Select a report interval that is both suitable for the purposes of the app and supported by the sensor.
+ // This value will be used later to activate the sensor.
+ var minimumReportInterval = accelerometer.minimumReportInterval;
+ reportInterval = minimumReportInterval > 16 ? minimumReportInterval : 16;
+
+ // MaxBatchSize will be 0 if the accelerometer does not support batching.
+ var maxLatency = accelerometer.MaxBatchSize * reportLatency;
+ reportLatency = maxLatency < 10 ? maxLatency : 10;
+ } else {
+ WinJS.log && WinJS.log("No accelerometer found", "sample", "error");
+ }
+ },
+ unload: function () {
+ if (document.getElementById("scenario5Open").disabled) {
+ document.removeEventListener("visibilitychange", visibilityChangeHandler, false);
+ accelerometer.removeEventListener("readingchanged", onDataChanged);
+
+ // Return the report interval to its default to release resources while the sensor is not in use
+ accelerometer.reportInterval = 0;
+ }
+ }
+ });
+
+ function visibilityChangeHandler() {
+ // This is the event handler for VisibilityChanged events. You would register for these notifications
+ // if handling sensor data when the app is not visible could cause unintended actions in the app.
+ if (document.getElementById("scenario5Open").disabled) {
+ if (document.msVisibilityState === "visible") {
+ // Re-enable sensor input. No need to restore the desired reportInterval (it is restored for us upon app resume)
+ accelerometer.addEventListener("readingchanged", onDataChanged);
+ } else {
+ // Disable sensor input. No need to restore the default reportInterval (resources will be released upon app suspension)
+ accelerometer.removeEventListener("readingchanged", onDataChanged);
+ }
+ }
+ }
+
+ function onDataChanged(e) {
+ var reading = e.reading;
+
+ // event can still be in queue after unload is called
+ // so check if elements are still loaded
+
+ if (document.getElementById("eventOutputX")) {
+ document.getElementById("eventOutputX").innerHTML = reading.accelerationX.toFixed(2);
+ }
+ if (document.getElementById("eventOutputY")) {
+ document.getElementById("eventOutputY").innerHTML = reading.accelerationY.toFixed(2);
+ }
+ if (document.getElementById("eventOutputZ")) {
+ document.getElementById("eventOutputZ").innerHTML = reading.accelerationZ.toFixed(2);
+ }
+ }
+
+ function enableReadingChangedScenario() {
+ if (accelerometer) {
+ // Set the reportInterval to enable the sensor events
+ accelerometer.reportInterval = reportInterval;
+
+ // Set the report latency. This is a no-op if the accelerometer does not support batching
+ accelerometer.reportLatency = reportLatency;
+
+ document.addEventListener("visibilitychange", visibilityChangeHandler, false);
+ accelerometer.addEventListener("readingchanged", onDataChanged);
+ document.getElementById("scenario5Open").disabled = true;
+ document.getElementById("scenario5Revoke").disabled = false;
+ } else {
+ WinJS.log && WinJS.log("No accelerometer found", "sample", "error");
+ }
+ }
+
+ function disableReadingChangedScenario() {
+ document.removeEventListener("visibilitychange", visibilityChangeHandler, false);
+ accelerometer.removeEventListener("readingchanged", onDataChanged);
+ document.getElementById("scenario5Open").disabled = false;
+ document.getElementById("scenario5Revoke").disabled = true;
+
+ // Return the report interval to its default to release resources while the sensor is not in use
+ accelerometer.reportInterval = 0;
+ }
+})();
diff --git a/Samples/Accelerometer/js/sample-utils/placeholder.txt b/Samples/Accelerometer/js/sample-utils/placeholder.txt
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/Samples/AccountPictureName/README.md b/Samples/AccountPictureName/README.md
new file mode 100644
index 0000000000..789d459ba8
--- /dev/null
+++ b/Samples/AccountPictureName/README.md
@@ -0,0 +1,53 @@
+
+# Account picture name sample
+
+This sample demonstrates different ways of getting the name of the user that is currently logged in. It also demonstrates how to get and set the image used for the user's tile.
+
+Specifically, this sample demonstrates the following scenarios:
+
+- How to get the [**DisplayName**](http://msdn.microsoft.com/library/windows/apps/hh921595) for the current logged on user.
+- How to get the first and last name for the current logged on user. (This is available only for Microsoft accounts. An empty string is returned if a Microsoft account is not available.)
+- How to obtain the logged on user's account picture as a bitmap. You can get request three different types: small, large, and video. If the size that is requested is not available an empty file is returned.
+- How to set the account picture for the currently logged on user. You can set three different types: small, large, and video. (More than one type can be set in the same call, but a small image must be accompanied by a large image and/or video.)
+- How to register for a change event for account picture updates.
+
+**Note** The Universal Windows app samples require Visual Studio 2015 to build and Windows 10 to execute.
+
+To obtain information about Windows 10, go to [Windows 10](http://go.microsoft.com/fwlink/?LinkID=532421)
+
+To obtain information about Microsoft Visual Studio 2015 and the tools for developing Windows apps, go to [Visual Studio 2015](http://go.microsoft.com/fwlink/?LinkID=532422)
+
+## Related topics
+
+### Reference
+
+[**Windows.System.UserProfile** namespace](http://msdn.microsoft.com/library/windows/apps/br241881)
+
+## System requirements
+
+**Client:** Windows 10
+
+**Server:** Windows Server 2016 Technical Preview
+
+**Phone:** Not supported
+
+## Build the sample
+
+1. Start Microsoft Visual Studio 2015 and select **File** \> **Open** \> **Project/Solution**.
+2. Go to the directory to which you unzipped the sample. Then go to the subdirectory containing the sample in the language you desire - either C++, C#, or JavaScript. Double-click the Visual Studio 2015 Solution (.sln) file.
+3. Press Ctrl+Shift+B, or select **Build** \> **Build Solution**.
+
+## Run the sample
+
+The next steps depend on whether you just want to deploy the sample or you want to both deploy and run it.
+
+### Deploying the sample
+
+- Select Build > Deploy Solution.
+
+### Deploying and running the sample
+
+- To debug the sample and then run it, press F5 or select Debug > Start Debugging. To run the sample without debugging, press Ctrl+F5 or select Debug > Start Without Debugging.
+
diff --git a/Samples/AccountPictureName/cpp/AccountPictureName.sln b/Samples/AccountPictureName/cpp/AccountPictureName.sln
new file mode 100644
index 0000000000..80b5afae19
--- /dev/null
+++ b/Samples/AccountPictureName/cpp/AccountPictureName.sln
@@ -0,0 +1,40 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio 14
+VisualStudioVersion = 14.0.22823.1
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{8BC9CEB8-8B4A-11D0-8D11-00A0C91BC942}") = "AccountPictureName", "AccountPictureName.vcxproj", "{C5B886A7-8300-46FF-B533-9613DE2AF637}"
+EndProject
+Global
+ GlobalSection(SolutionConfigurationPlatforms) = preSolution
+ Debug|ARM = Debug|ARM
+ Debug|x64 = Debug|x64
+ Debug|x86 = Debug|x86
+ Release|ARM = Release|ARM
+ Release|x64 = Release|x64
+ Release|x86 = Release|x86
+ EndGlobalSection
+ GlobalSection(ProjectConfigurationPlatforms) = postSolution
+ {C5B886A7-8300-46FF-B533-9613DE2AF637}.Debug|ARM.ActiveCfg = Debug|ARM
+ {C5B886A7-8300-46FF-B533-9613DE2AF637}.Debug|ARM.Build.0 = Debug|ARM
+ {C5B886A7-8300-46FF-B533-9613DE2AF637}.Debug|ARM.Deploy.0 = Debug|ARM
+ {C5B886A7-8300-46FF-B533-9613DE2AF637}.Debug|x64.ActiveCfg = Debug|x64
+ {C5B886A7-8300-46FF-B533-9613DE2AF637}.Debug|x64.Build.0 = Debug|x64
+ {C5B886A7-8300-46FF-B533-9613DE2AF637}.Debug|x64.Deploy.0 = Debug|x64
+ {C5B886A7-8300-46FF-B533-9613DE2AF637}.Debug|x86.ActiveCfg = Debug|Win32
+ {C5B886A7-8300-46FF-B533-9613DE2AF637}.Debug|x86.Build.0 = Debug|Win32
+ {C5B886A7-8300-46FF-B533-9613DE2AF637}.Debug|x86.Deploy.0 = Debug|Win32
+ {C5B886A7-8300-46FF-B533-9613DE2AF637}.Release|ARM.ActiveCfg = Release|ARM
+ {C5B886A7-8300-46FF-B533-9613DE2AF637}.Release|ARM.Build.0 = Release|ARM
+ {C5B886A7-8300-46FF-B533-9613DE2AF637}.Release|ARM.Deploy.0 = Release|ARM
+ {C5B886A7-8300-46FF-B533-9613DE2AF637}.Release|x64.ActiveCfg = Release|x64
+ {C5B886A7-8300-46FF-B533-9613DE2AF637}.Release|x64.Build.0 = Release|x64
+ {C5B886A7-8300-46FF-B533-9613DE2AF637}.Release|x64.Deploy.0 = Release|x64
+ {C5B886A7-8300-46FF-B533-9613DE2AF637}.Release|x86.ActiveCfg = Release|Win32
+ {C5B886A7-8300-46FF-B533-9613DE2AF637}.Release|x86.Build.0 = Release|Win32
+ {C5B886A7-8300-46FF-B533-9613DE2AF637}.Release|x86.Deploy.0 = Release|Win32
+ EndGlobalSection
+ GlobalSection(SolutionProperties) = preSolution
+ HideSolutionNode = FALSE
+ EndGlobalSection
+EndGlobal
diff --git a/Samples/AccountPictureName/cpp/AccountPictureName.vcxproj b/Samples/AccountPictureName/cpp/AccountPictureName.vcxproj
new file mode 100644
index 0000000000..176706c626
--- /dev/null
+++ b/Samples/AccountPictureName/cpp/AccountPictureName.vcxproj
@@ -0,0 +1,245 @@
+
++ Registers an event listener for accelerometer data (with a report latency specified) and displays the X, Y and Z acceleration values as they are reported. +
+ + ++
+
+
+
+
+
\ No newline at end of file
diff --git a/Samples/AccountPictureName/js/html/setAccountPicture.html b/Samples/AccountPictureName/js/html/setAccountPicture.html
new file mode 100644
index 0000000000..dbceeee048
--- /dev/null
+++ b/Samples/AccountPictureName/js/html/setAccountPicture.html
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
+ Description:
+
+
+ Get the Account Picture for the current user. You can get request three different types: small, large, and video. If the size that is requested is not available an empty file is returned.
+
+
+
+
+
+
+ ![image holder]()
+ ![image holder]()
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Samples/AccountPictureName/js/html/userDisplayName.html b/Samples/AccountPictureName/js/html/userDisplayName.html
new file mode 100644
index 0000000000..b04d02fff0
--- /dev/null
+++ b/Samples/AccountPictureName/js/html/userDisplayName.html
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
+ Description:
+
+
+ Set the Account Picture image for the current logon user. The setAccountPicture method takes three parameters as input: small image, large image, and video. More than one type can be set in the same call, but a small image must be accompanied + by a large image and/or video. Pass a null for parameters you don't want to set. A change event can be listened to for Account Picture updates. The images below change by listening to the update.
+
+
+
+ ![image holder]()
+ ![image holder]()
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Samples/AccountPictureName/js/html/userFirstAndLastName.html b/Samples/AccountPictureName/js/html/userFirstAndLastName.html
new file mode 100644
index 0000000000..dff866477e
--- /dev/null
+++ b/Samples/AccountPictureName/js/html/userFirstAndLastName.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+ Description:
+
+
+ Get the DisplayName for the current user.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Samples/AccountPictureName/js/images/placeholder.txt b/Samples/AccountPictureName/js/images/placeholder.txt
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/Samples/AccountPictureName/js/js/getAccountPicture.js b/Samples/AccountPictureName/js/js/getAccountPicture.js
new file mode 100644
index 0000000000..3f09d36e5d
--- /dev/null
+++ b/Samples/AccountPictureName/js/js/getAccountPicture.js
@@ -0,0 +1,71 @@
+//// Copyright (c) Microsoft Corporation. All rights reserved
+
+(function () {
+ "use strict";
+ var page = WinJS.UI.Pages.define("/html/getAccountPicture.html", {
+ ready: function (element, options) {
+ hideVisibleHolders();
+ document.getElementById("getSmallImage").addEventListener("click", getSmallImage, false);
+ document.getElementById("getLargeImage").addEventListener("click", getLargeImage, false);
+ document.getElementById("getVideo").addEventListener("click", getVideo, false);
+ }
+ });
+
+ function getSmallImage() {
+ hideVisibleHolders();
+ if (Windows.System.UserProfile.UserInformation.nameAccessAllowed) {
+ // The small picture returned by getAccountPicture() is 96x96 pixels in size.
+ var image = Windows.System.UserProfile.UserInformation.getAccountPicture(Windows.System.UserProfile.AccountPictureKind.smallImage);
+ if (image) {
+ document.getElementById("smallImageHolder").style.visibility = "visible";
+ document.getElementById("smallImageHolder").src = URL.createObjectURL(image, { oneTimeOnly: true });
+ WinJS.log && WinJS.log("Path: " + image.path, "sample", "status");
+ } else {
+ WinJS.log && WinJS.log("Small account picture is not available.", "sample", "status");
+ }
+ } else {
+ WinJS.log && WinJS.log("Access to account picture disabled by Privacy Setting or Group Policy.", "sample", "error");
+ }
+ }
+
+ function getLargeImage() {
+ hideVisibleHolders();
+ if (Windows.System.UserProfile.UserInformation.nameAccessAllowed) {
+ // The large picture returned by getAccountPicture() is 448x448 pixels in size.
+ var image = Windows.System.UserProfile.UserInformation.getAccountPicture(Windows.System.UserProfile.AccountPictureKind.largeImage);
+ if (image) {
+ document.getElementById("largeImageHolder").style.visibility = "visible";
+ document.getElementById("largeImageHolder").src = URL.createObjectURL(image, { oneTimeOnly: true });
+ WinJS.log && WinJS.log("Path: " + image.path, "sample", "status");
+ } else {
+ WinJS.log && WinJS.log("Large account picture is not available.", "sample", "status");
+ }
+ } else {
+ WinJS.log && WinJS.log("Access to account picture disabled by Privacy Setting or Group Policy.", "sample", "error");
+ }
+ }
+
+ function getVideo() {
+ hideVisibleHolders();
+ if (Windows.System.UserProfile.UserInformation.nameAccessAllowed) {
+ // The video returned from getAccountPicture is 448x448 pixels in size.
+ var video = Windows.System.UserProfile.UserInformation.getAccountPicture(Windows.System.UserProfile.AccountPictureKind.video);
+ if (video) {
+ document.getElementById("videoHolder").style.visibility = "visible";
+ document.getElementById("videoHolder").src = URL.createObjectURL(video, { oneTimeOnly: true });
+ document.getElementById("videoHolder").play();
+ WinJS.log && WinJS.log("Path: " + video.path, "sample", "status");
+ } else {
+ WinJS.log && WinJS.log("Video is not available.", "sample", "status");
+ }
+ } else {
+ WinJS.log && WinJS.log("Access to account picture disabled by Privacy Setting or Group Policy.", "sample", "error");
+ }
+ }
+
+ function hideVisibleHolders() {
+ document.getElementById("smallImageHolder").style.visibility = "hidden";
+ document.getElementById("largeImageHolder").style.visibility = "hidden";
+ document.getElementById("videoHolder").style.visibility = "hidden";
+ }
+})();
diff --git a/Samples/AccountPictureName/js/js/sample-configuration.js b/Samples/AccountPictureName/js/js/sample-configuration.js
new file mode 100644
index 0000000000..de7c2f0022
--- /dev/null
+++ b/Samples/AccountPictureName/js/js/sample-configuration.js
@@ -0,0 +1,32 @@
+//// Copyright (c) Microsoft Corporation. All rights reserved
+
+(function () {
+ "use strict";
+
+ var sampleTitle = "Account picture name JS sample";
+
+ var scenarios = [
+ { url: "/html/userDisplayName.html", title: "Get display name" },
+ { url: "/html/userFirstAndLastName.html", title: "Get first and last name" },
+ { url: "/html/getAccountPicture.html", title: "Get account picture" },
+ { url: "/html/setAccountPicture.html", title: "Set account picture and listen for changes" }
+ ];
+
+ WinJS.Navigation.addEventListener("navigating", function (e) {
+ if (e.detail && e.detail.state && e.detail.state.activatedEventArgs) {
+ var uri = e.detail.state.activatedEventArgs[0].uri;
+ if (uri && uri.schemeName === "ms-accountpictureprovider") {
+ // This app was activated via the Account picture apps section in Settings.
+ // Here you would do app-specific logic for providing the user with account picture selection UX
+ setImmediate(function () {
+ WinJS.Navigation.navigate(scenarios[3].url).done();
+ });
+ }
+ }
+ });
+
+ WinJS.Namespace.define("SdkSample", {
+ sampleTitle: sampleTitle,
+ scenarios: new WinJS.Binding.List(scenarios)
+ });
+})();
diff --git a/Samples/AccountPictureName/js/js/setAccountPicture.js b/Samples/AccountPictureName/js/js/setAccountPicture.js
new file mode 100644
index 0000000000..12d0d68a48
--- /dev/null
+++ b/Samples/AccountPictureName/js/js/setAccountPicture.js
@@ -0,0 +1,102 @@
+//// Copyright (c) Microsoft Corporation. All rights reserved
+
+(function () {
+ "use strict";
+ var page = WinJS.UI.Pages.define("/html/setAccountPicture.html", {
+ ready: function (element, options) {
+ hideVisibleHolders();
+ document.getElementById("setImage").addEventListener("click", setImage, false);
+ document.getElementById("setVideo").addEventListener("click", setVideo, false);
+ Windows.System.UserProfile.UserInformation.addEventListener("accountpicturechanged", accountPictureChanged);
+ }
+ });
+
+ function setImage() {
+ hideVisibleHolders();
+ var openPicker = new Windows.Storage.Pickers.FileOpenPicker();
+ openPicker.viewMode = Windows.Storage.Pickers.PickerViewMode.thumbnail;
+ openPicker.suggestedStartLocation = Windows.Storage.Pickers.PickerLocationId.picturesLibrary;
+ openPicker.fileTypeFilter.replaceAll([".bmp", ".png", ".jpg", ".jpeg"]);
+
+ openPicker.pickSingleFileAsync().done(function (file) {
+ if (file) {
+ // setAccountPictureAsync() accepts 3 storageFile objects for setting the small image, large image, and video.
+ // More than one type can be set in the same call, but small image must be accompanied by a large image and/or video.
+ // If only a large image is passed, the small image will be autogenerated.
+ // If only a video is passed, the large image and small will be autogenerated.
+ // Videos must be convertable to mp4, <=5MB, and height and width >= 448 pixels.
+ Windows.System.UserProfile.UserInformation.setAccountPicturesAsync(null, file, null).done(function (result) {
+ // A user might turn off access to the Account Picture in PC Settings, therefore we need to check the result for success.
+ if (result === Windows.System.UserProfile.SetAccountPictureResult.success) {
+ WinJS.log && WinJS.log("Successfully updated account picture.", "sample", "status");
+ } else {
+ // A user might turn off access to the account
+ WinJS.log && WinJS.log("Setting account picture failed.", "sample", "status");
+ }
+ });
+ } else {
+ WinJS.log && WinJS.log("No image was selected.", "sample", "status");
+ }
+ });
+ }
+
+ function setVideo() {
+ hideVisibleHolders();
+ var openPicker = new Windows.Storage.Pickers.FileOpenPicker();
+ openPicker.viewMode = Windows.Storage.Pickers.PickerViewMode.thumbnail;
+ openPicker.suggestedStartLocation = Windows.Storage.Pickers.PickerLocationId.picturesLibrary;
+ openPicker.fileTypeFilter.replaceAll([".mov", ".mp4", ".wmv"]);
+
+ openPicker.pickSingleFileAsync().done(function (file) {
+ if (file) {
+ // setAccountPictureAsync() accepts 3 storageFile objects for setting the small image, large image, and video.
+ // More than one type can be set in the same call, but small image must be accompanied by a large image and/or video.
+ // If only a large image is passed, the small image will be autogenerated.
+ // If only a video is passed, the large image and small will be autogenerated.
+ // Videos must be convertable to mp4, <=5MB, and height and width >= 448 pixels.
+ Windows.System.UserProfile.UserInformation.setAccountPicturesAsync(null, null, file).done(function (result) {
+ // A user might turn off access to the Account Picture in PC Settings, therefore we need to check the result for success.
+ if (result === Windows.System.UserProfile.SetAccountPictureResult.success) {
+ WinJS.log && WinJS.log("Successfully updated account picture.", "sample", "status");
+ } else {
+ // A user might turn off access to the account
+ WinJS.log && WinJS.log("Setting account picture failed.", "sample", "status");
+ }
+ });
+ } else {
+ WinJS.log && WinJS.log("No video was selected.", "sample", "status");
+ }
+ });
+ }
+
+ // This function is the handler for the AccountPictureChangedEvent, the event listener is added in initialize() below.
+ function accountPictureChanged() {
+ hideVisibleHolders();
+ if (Windows.System.UserProfile.UserInformation.nameAccessAllowed) {
+ var smallImage = Windows.System.UserProfile.UserInformation.getAccountPicture(Windows.System.UserProfile.AccountPictureKind.smallImage);
+ if (smallImage) {
+ document.getElementById("smallImageHolder").src = URL.createObjectURL(smallImage, { oneTimeOnly: true });
+ document.getElementById("smallImageHolder").style.visibility = "visible";
+ }
+ var largeImage = Windows.System.UserProfile.UserInformation.getAccountPicture(Windows.System.UserProfile.AccountPictureKind.largeImage);
+ if (largeImage) {
+ document.getElementById("largeImageHolder").src = URL.createObjectURL(largeImage, { oneTimeOnly: true });
+ document.getElementById("largeImageHolder").style.visibility = "visible";
+ }
+ var video = Windows.System.UserProfile.UserInformation.getAccountPicture(Windows.System.UserProfile.AccountPictureKind.video);
+ if (video) {
+ document.getElementById("videoHolder").src = URL.createObjectURL(video, { oneTimeOnly: true });
+ document.getElementById("videoHolder").style.visibility = "visible";
+ }
+ } else {
+ WinJS.log && WinJS.log("Access to account picture disabled by Privacy Setting or Group Policy.", "sample", "error");
+ }
+ }
+
+ function hideVisibleHolders() {
+ document.getElementById("smallImageHolder").style.visibility = "hidden";
+ document.getElementById("largeImageHolder").style.visibility = "hidden";
+ document.getElementById("videoHolder").style.visibility = "hidden";
+ WinJS.log && WinJS.log(" ", "sample", "status");
+ }
+})();
diff --git a/Samples/AccountPictureName/js/js/userDisplayName.js b/Samples/AccountPictureName/js/js/userDisplayName.js
new file mode 100644
index 0000000000..040dbdfda3
--- /dev/null
+++ b/Samples/AccountPictureName/js/js/userDisplayName.js
@@ -0,0 +1,24 @@
+//// Copyright (c) Microsoft Corporation. All rights reserved
+
+(function () {
+ "use strict";
+ var page = WinJS.UI.Pages.define("/html/userDisplayName.html", {
+ ready: function (element, options) {
+ document.getElementById("getDisplayName").addEventListener("click", getDisplayName, false);
+ }
+ });
+
+ function getDisplayName() {
+ if (Windows.System.UserProfile.UserInformation.nameAccessAllowed) {
+ Windows.System.UserProfile.UserInformation.getDisplayNameAsync().done(function (result) {
+ if (result) {
+ WinJS.log && WinJS.log("Display name = " + result, "sample", "status");
+ } else {
+ WinJS.log && WinJS.log("No display name was returned.", "sample", "status");
+ }
+ });
+ } else {
+ WinJS.log && WinJS.log("Access to name disabled by Privacy Setting or Group Policy.", "sample", "error");
+ }
+ }
+})();
diff --git a/Samples/AccountPictureName/js/js/userFirstAndLastName.js b/Samples/AccountPictureName/js/js/userFirstAndLastName.js
new file mode 100644
index 0000000000..b2e2e66d10
--- /dev/null
+++ b/Samples/AccountPictureName/js/js/userFirstAndLastName.js
@@ -0,0 +1,39 @@
+//// Copyright (c) Microsoft Corporation. All rights reserved
+
+(function () {
+ "use strict";
+ var page = WinJS.UI.Pages.define("/html/userFirstAndLastName.html", {
+ ready: function (element, options) {
+ document.getElementById("getFirstName").addEventListener("click", getFirstName, false);
+ document.getElementById("getLastName").addEventListener("click", getLastName, false);
+ }
+ });
+
+ function getFirstName() {
+ if (Windows.System.UserProfile.UserInformation.nameAccessAllowed) {
+ Windows.System.UserProfile.UserInformation.getFirstNameAsync().done(function (result) {
+ if (result) {
+ WinJS.log && WinJS.log("First name = " + result, "sample", "status");
+ } else {
+ WinJS.log && WinJS.log("No first name was returned.", "sample", "status");
+ }
+ });
+ } else {
+ WinJS.log && WinJS.log("Access to name disabled by Privacy Setting or Group Policy.", "sample", "error");
+ }
+ }
+
+ function getLastName() {
+ if (Windows.System.UserProfile.UserInformation.nameAccessAllowed) {
+ Windows.System.UserProfile.UserInformation.getLastNameAsync().done(function (result) {
+ if (result) {
+ WinJS.log && WinJS.log("Last name = " + result, "sample", "status");
+ } else {
+ WinJS.log && WinJS.log("No last name was returned.", "sample", "status");
+ }
+ });
+ } else {
+ WinJS.log && WinJS.log("Access to name disabled by Privacy Setting or Group Policy.", "sample", "error");
+ }
+ }
+})();
diff --git a/Samples/AccountPictureName/js/sample-utils/placeholder.txt b/Samples/AccountPictureName/js/sample-utils/placeholder.txt
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/Samples/AccountPictureName/shared/GetAccountPicture.xaml b/Samples/AccountPictureName/shared/GetAccountPicture.xaml
new file mode 100644
index 0000000000..96bd210cb6
--- /dev/null
+++ b/Samples/AccountPictureName/shared/GetAccountPicture.xaml
@@ -0,0 +1,59 @@
+
+
+
+
+
+ Description:
+
+
+ Get the First and Last Name for the current user. This is only available for Microsoft Accounts, an empty string will be returned if not available.
+
+
+
+
+
\ No newline at end of file
diff --git a/Samples/AdaptiveStreaming/js/html/scenario2.html b/Samples/AdaptiveStreaming/js/html/scenario2.html
new file mode 100644
index 0000000000..7456fe12a7
--- /dev/null
+++ b/Samples/AdaptiveStreaming/js/html/scenario2.html
@@ -0,0 +1,86 @@
+
+
+
+
+
+
+
+
+ Description:
+
+ Demonstrates enabling basic HLS/DASH playback by setting the source of a video tag to a manifest file.
+
Choose an item from the list, or provide your own URL. Then click Play. +
+ Choose an item from the list, or provide your own URL. Then click Play. +
+ Source:
+
+
+ + + +
+
+
+
+
+ + + + +
+
+
| + + | +
+
+
+
+
\ No newline at end of file
diff --git a/Samples/AdaptiveStreaming/js/html/scenario3.html b/Samples/AdaptiveStreaming/js/html/scenario3.html
new file mode 100644
index 0000000000..427867ce84
--- /dev/null
+++ b/Samples/AdaptiveStreaming/js/html/scenario3.html
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+
+ Description:
+
+
+
+
1) Creating an AdaptiveMediaSource object and binding this to a video source for playback
+
2) Querying for available bitrates, setting initial bitrate and limit min/max bitrates
+
3) Registering for download requests and bitrate changes
+
4) Modify bandwidth measurement window to control responsiveness of streaming algorithm
+
+
+
+
+ + + +
+
+
+
+
+ + + + +
+
+
|
+ Initial Bitrate:
+
+ Min Bitrate: + + + Max Bitrate: + + + Bandwidth Measurement Window (in seconds): + + + + + |
+
| + + | +
| + + | +
| + + | +
+
+
+
+
\ No newline at end of file
diff --git a/Samples/AdaptiveStreaming/js/html/scenario4.html b/Samples/AdaptiveStreaming/js/html/scenario4.html
new file mode 100644
index 0000000000..afe985cbd1
--- /dev/null
+++ b/Samples/AdaptiveStreaming/js/html/scenario4.html
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+
+ Description:
+
+
+
+
1) Creating an AdaptiveMediaSource object and binding this to a video source for playback
+
2) Registering for download success and failure events
+
3) Setting custom headers via HttpClient
+
4) Customizing resource requests
+
+
+ Source:
+
+
+ + + +
+
+
+
+
+ + + + +
+
+
| + + | +
| + + | +
| + + | +
+
+
+
+
\ No newline at end of file
diff --git a/Samples/AdaptiveStreaming/js/images/placeholder.txt b/Samples/AdaptiveStreaming/js/images/placeholder.txt
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/Samples/AdaptiveStreaming/js/js/sample-configuration.js b/Samples/AdaptiveStreaming/js/js/sample-configuration.js
new file mode 100644
index 0000000000..d5ceab60c3
--- /dev/null
+++ b/Samples/AdaptiveStreaming/js/js/sample-configuration.js
@@ -0,0 +1,19 @@
+//// Copyright (c) Microsoft Corporation. All rights reserved
+
+(function () {
+ "use strict";
+
+ var sampleTitle = "Adaptive Streaming";
+
+ var scenarios = [
+ { url: "/html/scenario1.html", title: "Basic HLS/DASH Playback" },
+ { url: "/html/scenario2.html", title: "Configuring HLS/DASH Playback" },
+ { url: "/html/scenario3.html", title: "Customized Resource Acquisition" },
+ { url: "/html/scenario4.html", title: "Playback with PlayReady DRM" }
+ ];
+
+ WinJS.Namespace.define("SdkSample", {
+ sampleTitle: sampleTitle,
+ scenarios: new WinJS.Binding.List(scenarios)
+ });
+})();
\ No newline at end of file
diff --git a/Samples/AdaptiveStreaming/js/js/scenario1.js b/Samples/AdaptiveStreaming/js/js/scenario1.js
new file mode 100644
index 0000000000..9a92e5981e
--- /dev/null
+++ b/Samples/AdaptiveStreaming/js/js/scenario1.js
@@ -0,0 +1,112 @@
+//// Copyright (c) Microsoft Corporation. All rights reserved
+
+(function () {
+ "use strict";
+ var page = WinJS.UI.Pages.define("/html/scenario1.html", {
+ ready: function (element, options) {
+ document.getElementById("clip_selection").addEventListener("change", onClipSelection, false);
+ document.getElementById("setsrc_button").addEventListener("click", setSource, false);
+ }
+ });
+
+ var AdaptiveStreaming = Windows.Media.Streaming.Adaptive;
+ var url = null;
+ var mediaSource = null;
+
+ function onClipSelection() {
+ var src_textbox = document.getElementById("src_textbox");
+ var clip_selection = document.getElementById("clip_selection");
+
+ for (var i = 0; i < clip_selection.options.length; ++i) {
+ if (clip_selection.options[i].selected) {
+ src_textbox.value = clip_selection.options[i].value;
+ }
+ }
+ }
+
+ function mapAdaptiveMediaSourceCreationStatus(status) {
+ var strings = ["Success",
+ "ManifestDownloadFailure",
+ "ManifestParseFailure",
+ "UnsupportedManifestContentType",
+ "UnsupportedManifestVersion",
+ "UnsupportedManifestProfile",
+ "UnknownFailure"];
+
+ if (status < 0 || status > strings.length) {
+ return "Unknown AdaptiveMediaSourceCreationStatus";
+ }
+
+ return strings[status];
+ }
+
+ function attachMediaSource() {
+ try {
+ if (mediaSource != null) {
+ var vid = document.getElementById("video_player1");
+
+ vid.src = URL.createObjectURL(mediaSource, { oneTimeOnly: true });
+ WinJS.log && WinJS.log("Set media element src to the AdaptiveMediaSource for url: " + url, "sample", "status");
+ }
+ } catch (e) {
+ WinJS.log && WinJS.log("EXCEPTION: " + e.toString(), "sample", "error");
+ }
+ }
+
+ function onMediaSourceCreated(result) {
+ if (result.status === AdaptiveStreaming.AdaptiveMediaSourceCreationStatus.success) {
+
+ WinJS.log && WinJS.log("AdaptiveMediaSource.createFromUriAsync completed with status: " + result.status + " - " + mapAdaptiveMediaSourceCreationStatus(result.status), "sample", "status");
+ mediaSource = result.mediaSource;
+ attachMediaSource();
+
+ } else {
+ var errorString = "";
+ var httpResponseMessage = result.httpResponseMessage;
+
+ if (httpResponseMessage != null) {
+ errorString = " (HTTP response: " + httpResponseMessage.statusCode + " - " + httpResponseMessage.reasonPhrase;
+
+ if (httpResponseMessage.isSuccessStatusCode &&
+ result.status == AdaptiveStreaming.AdaptiveMediaSourceCreationStatus.unsupportedManifestContentType &&
+ httpResponseMessage.content != null) {
+ errorString += "; Content-Type: " + httpResponseMessage.content.headers.contentType;
+ }
+
+ errorString += ")";
+
+ }
+ WinJS.log && WinJS.log("Failed to create adaptive media source: " + mapAdaptiveMediaSourceCreationStatus(result.status) + errorString, "sample", "error");
+ }
+ }
+
+ function loadMediaSourceFromUri() {
+ try {
+ var src_textbox = document.getElementById("src_textbox");
+ var vid = document.getElementById("video_player1");
+
+ url = new Windows.Foundation.Uri(src_textbox.value);
+
+ mediaSource = null;
+ vid.removeAttribute("src");
+
+ WinJS.log && WinJS.log("Creating AdaptiveMediaSource for url: " + url, "sample", "status");
+ AdaptiveStreaming.AdaptiveMediaSource.createFromUriAsync
+ AdaptiveStreaming.AdaptiveMediaSource.createFromUriAsync(url).done(
+ function completed(result) {
+ onMediaSourceCreated(result);
+ });
+
+ } catch (e) {
+ WinJS.log && WinJS.log("EXCEPTION: " + e.toString(), "sample", "error");
+ }
+ }
+
+ function setSource() {
+ loadMediaSourceFromUri();
+ }
+
+
+})();
+
+
diff --git a/Samples/AdaptiveStreaming/js/js/scenario2.js b/Samples/AdaptiveStreaming/js/js/scenario2.js
new file mode 100644
index 0000000000..d63fc24a1e
--- /dev/null
+++ b/Samples/AdaptiveStreaming/js/js/scenario2.js
@@ -0,0 +1,333 @@
+//// Copyright (c) Microsoft Corporation. All rights reserved
+
+(function () {
+ "use strict";
+ var page = WinJS.UI.Pages.define("/html/scenario2.html", {
+ ready: function (element, options) {
+ document.getElementById("clip_selection").addEventListener("change", onClipSelection, false);
+ document.getElementById("setsrc_button").addEventListener("click", setSource, false);
+ document.getElementById("clear_button").addEventListener("click", clearEvents, false);
+ document.getElementById("bitrate_selection").addEventListener("change", onInitialBitrateSelection, false);
+ document.getElementById("min_bitrate_button").addEventListener("click", setDesiredMinBitrate, false);
+ document.getElementById("max_bitrate_button").addEventListener("click", setDesiredMaxBitrate, false);
+ document.getElementById("bw_measurement_button").addEventListener("click", setBwMeasurmentWindow, false);
+ }
+ });
+
+ var AdaptiveStreaming = Windows.Media.Streaming.Adaptive;
+ var url = null;
+ var mediaSource = null;
+
+ var event_id = 1;
+
+ var availableBitrates = null;
+
+ var isInitialBitrateSet = false;
+ var initialBitrate;
+
+ var minBitrate = null;
+ var maxBitrate = null;
+ var bwMeasurementWindow = null;
+
+ function secondsToMiliseconds(seconds)
+ {
+ return seconds * 1000;
+ }
+
+ function setBwMeasurmentWindow() {
+ try {
+ if (mediaSource != null) {
+ var windowSize = document.getElementById("bw_measurement_textbox").value;
+ if (windowSize != "")
+ {
+ mediaSource.inboundBitsPerSecondWindow = secondsToMiliseconds(windowSize);
+ }
+ else
+ {
+ //default is 30 seconds
+ mediaSource.inboundBitsPerSecondWindow = secondsToMiliseconds(30);
+ }
+
+ bwMeasurementWindow = windowSize;
+ logEvent("Inbound bits per second window set to " + mediaSource.inboundBitsPerSecondWindow + " miliseconds");
+ }
+ else
+ {
+ WinJS.log && WinJS.log("Adaptive Media Source is not set.", "sample", "error");
+ }
+ } catch (e)
+ {
+ logEvent("EXCEPTION: " + e.toString());
+ }
+ }
+
+ function setDesiredMinBitrate()
+ {
+ try {
+ if (mediaSource != null)
+ {
+ var bitrate = document.getElementById("min_bitrate_textbox").value;
+ if (bitrate != "")
+ {
+ mediaSource.desiredMinBitrate = bitrate;
+ }
+ else
+ {
+ mediaSource.desiredMinBitrate = null;
+ }
+
+ minBitrate = bitrate;
+ logEvent("Min bitrate set to " + mediaSource.desiredMinBitrate);
+ }
+ else
+ {
+ WinJS.log && WinJS.log("Adaptive Media Source is not set.", "sample", "error");
+ }
+ }
+ catch (e)
+ {
+ logEvent("EXCEPTION: " + e.toString());
+ }
+ }
+
+ function setDesiredMaxBitrate()
+ {
+ try {
+ if (mediaSource != null)
+ {
+ var bitrate = document.getElementById("max_bitrate_textbox").value;
+ if (bitrate != "")
+ {
+ mediaSource.desiredMaxBitrate = bitrate;
+ }
+ else
+ {
+ mediaSource.desiredMaxBitrate = null;
+ }
+ maxBitrate = bitrate;
+ logEvent("Max bitrate set to " + mediaSource.desiredMaxBitrate);
+ }
+ else
+ {
+ WinJS.log && WinJS.log("Adaptive Media Source is not set.", "sample", "error");
+ }
+ }
+ catch (e)
+ {
+ logEvent("EXCEPTION: " + e.toString());
+ }
+ }
+
+ function onInitialBitrateSelection()
+ {
+ isInitialBitrateSet = true;
+
+ var initialBitrateSelection;
+
+ var initial_bitrate_selection = document.getElementById("bitrate_selection");
+
+ for (var i = 0; i < initial_bitrate_selection.options.length; ++i)
+ {
+ if (initial_bitrate_selection.options[i].selected)
+ {
+ initialBitrate = initial_bitrate_selection.options[i].value;
+ }
+ }
+ loadMediaSourceFromUri();
+
+ }
+
+ function populateInitialBitrate()
+ {
+
+ var bitrate_selection = document.getElementById("bitrate_selection");
+ if (bitrate_selection == null)
+ return;
+
+ bitrate_selection.options.length = 1;
+
+ if (mediaSource == null)
+ {
+ WinJS.log && WinJS.log("Adaptive Media Source is not set.", "sample", "error");
+ }
+ else
+ {
+ availableBitrates.forEach(function (bitrate) {
+ var option = document.createElement("option");
+ option.text = bitrate;
+ option.value = bitrate;
+
+ bitrate_selection.add(option);
+ });
+
+ }
+ }
+
+ function clearEvents()
+ {
+ var events_textarea = document.getElementById("events_textarea");
+ events_textarea.value = "";
+ event_id = 1;
+ }
+
+ function logEvent(str)
+ {
+ var events_textarea = document.getElementById("events_textarea");
+ if (events_textarea != null) {
+ events_textarea.value += "[" + event_id + "] " + str + "\n";
+ event_id++;
+ }
+ }
+
+ function onClipSelection()
+ {
+ var src_textbox = document.getElementById("src_textbox");
+ var clip_selection = document.getElementById("clip_selection");
+
+ for (var i = 0; i < clip_selection.options.length; ++i)
+ {
+ if (clip_selection.options[i].selected)
+ {
+ src_textbox.value = clip_selection.options[i].value;
+ }
+ }
+ }
+
+ function mapAdaptiveMediaSourceCreationStatus(status)
+ {
+ var strings = ["Success",
+ "ManifestDownloadFailure",
+ "ManifestParseFailure",
+ "UnsupportedManifestContentType",
+ "UnsupportedManifestVersion",
+ "UnsupportedManifestProfile",
+ "UnknownFailure"];
+
+ if (status < 0 || status > strings.length)
+ {
+ return "Unknown AdaptiveMediaSourceCreationStatus";
+ }
+
+ return strings[status];
+ }
+
+ function attachMediaSource()
+ {
+ try
+ {
+ if (mediaSource != null)
+ {
+ var vid = document.getElementById("video_player2");
+
+ vid.src = URL.createObjectURL(mediaSource, { oneTimeOnly: true });
+ logEvent("Set media element src to the AdaptiveMediaSource for url: " + url);
+ }
+ }
+ catch (e)
+ {
+ logEvent("EXCEPTION: " + e.toString());
+ }
+ }
+
+ function onMediaSourceCreated(result)
+ {
+ if (result.status === AdaptiveStreaming.AdaptiveMediaSourceCreationStatus.success)
+ {
+
+ logEvent("AdaptiveMediaSource.createFromUriAsync completed with status: " + result.status + " - " + mapAdaptiveMediaSourceCreationStatus(result.status));
+ mediaSource = result.mediaSource;
+ if (isInitialBitrateSet)
+ {
+ mediaSource.initialBitrate = initialBitrate;
+ isInitialBitrateSet = false;
+ }
+
+ logEvent("Selecting bitrate: " + mediaSource.initialBitrate);
+
+ var bitrates = "";
+ availableBitrates = mediaSource.availableBitrates;
+ availableBitrates.forEach(function (bitrate)
+ {
+ if (bitrates == "")
+ {
+ bitrates = bitrate;
+ } else
+ {
+ bitrates += ", " + bitrate;
+ }
+
+ });
+
+ logEvent("Available bitrates: " + bitrates);
+
+ populateInitialBitrate();
+
+ mediaSource.desiredMinBitrate = minBitrate;
+
+ mediaSource.desiredMaxBitrate = maxBitrate;
+
+ if (bwMeasurementWindow != null)
+ {
+ mediaSource.inboundBitsPerSecondWindow = bwMeasurementWindow;
+ }
+
+ attachMediaSource();
+
+ }
+ else
+ {
+ var errorString = "";
+ var httpResponseMessage = result.httpResponseMessage;
+
+ if (httpResponseMessage != null)
+ {
+ errorString = " (HTTP response: " + httpResponseMessage.statusCode + " - " + httpResponseMessage.reasonPhrase;
+
+ if (httpResponseMessage.isSuccessStatusCode &&
+ result.status == AdaptiveStreaming.AdaptiveMediaSourceCreationStatus.unsupportedManifestContentType &&
+ httpResponseMessage.content != null)
+ {
+ errorString += "; Content-Type: " + httpResponseMessage.content.headers.contentType;
+ }
+
+ errorString += ")";
+
+ }
+ logEvent("Failed to create adaptive media source: " + mapAdaptiveMediaSourceCreationStatus(result.status) + errorString);
+ }
+ }
+
+ function loadMediaSourceFromUri()
+ {
+ try
+ {
+ var src_textbox = document.getElementById("src_textbox");
+ var vid = document.getElementById("video_player2");
+
+ url = new Windows.Foundation.Uri(src_textbox.value);
+
+ mediaSource = null;
+ vid.removeAttribute("src");
+
+ WinJS.log && WinJS.log("Creating AdaptiveMediaSource for url: " + url, "sample", "status");
+ AdaptiveStreaming.AdaptiveMediaSource.createFromUriAsync
+ AdaptiveStreaming.AdaptiveMediaSource.createFromUriAsync(url).done(
+ function completed(result)
+ {
+ onMediaSourceCreated(result);
+ });
+
+ }
+ catch (e)
+ {
+ WinJS.log && WinJS.log("EXCEPTION: " + e.toString(), "sample", "error");
+ }
+ }
+
+ function setSource()
+ {
+ loadMediaSourceFromUri();
+ }
+
+
+})();
diff --git a/Samples/AdaptiveStreaming/js/js/scenario3.js b/Samples/AdaptiveStreaming/js/js/scenario3.js
new file mode 100644
index 0000000000..f6a6aca7f9
--- /dev/null
+++ b/Samples/AdaptiveStreaming/js/js/scenario3.js
@@ -0,0 +1,217 @@
+//// Copyright (c) Microsoft Corporation. All rights reserved
+
+(function () {
+ "use strict";
+ var page = WinJS.UI.Pages.define("/html/scenario3.html", {
+ ready: function (element, options) {
+ document.getElementById("clip_selection").addEventListener("change", onClipSelection, false);
+ document.getElementById("setsrc_button").addEventListener("click", setSource, false);
+ }
+ });
+
+ var AdaptiveStreaming = Windows.Media.Streaming.Adaptive;
+ var url = null;
+ var mediaSource = null;
+ var event_id = 1;
+
+ function onDownloadRequested(event)
+ {
+ try
+ {
+ // rewrite key URIs to replace http:// with https://
+ if (event.resourceType === AdaptiveStreaming.AdaptiveMediaSourceResourceType.key)
+ {
+ var originalUri = args.resourceUri;
+ var secureUri = originalUri.replace("http:", "https:");
+
+ //override the URI by setting property on the result sub object
+ args.result.resourceUri = new Windows.Foundation.Uri(secureUri);
+ }
+ }
+ catch (e)
+ {
+ logEvent("EXCEPTION: " + e.toString());
+ }
+ }
+
+ function onDownloadCompleted(event)
+ {
+ if (event.resourceByteRangeOffset == null)
+ {
+ logEvent("Download completed for " + mapResourceType(event.resourceType)
+ + " URI: " + event.resourceUri);
+ }
+ else
+ {
+ logEvent("Byte range completed for " + mapResourceType(event.resourceType)
+ + " URI: " + event.resourceUri + " offset: " + event.resourceByteRangeOffset
+ + " length: " + event.resourceByteRangeLength);
+ }
+ }
+
+ function onDownloadFailed(event)
+ {
+ if (event.resourceByteRangeOffset == null) {
+ logEvent("Download failed for " + mapResourceType(event.resourceType)
+ + " URI: " + event.resourceUri);
+ }
+ else {
+ logEvent("Byte range failed for " + mapResourceType(event.resourceType)
+ + " URI: " + event.resourceUri + " offset: " + event.resourceByteRangeOffset
+ + " length: " + event.resourceByteRangeLength);
+ }
+ }
+
+ function clearEvents()
+ {
+ var events_textarea = document.getElementById("events_textarea");
+ events_textarea.value = "";
+ event_id = 1;
+ }
+
+ function logEvent(str)
+ {
+ var events_textarea = document.getElementById("events_textarea");
+ if (events_textarea != null) {
+ events_textarea.value += "[" + event_id + "] " + str + "\n";
+ event_id++;
+ }
+ }
+
+ function onClipSelection()
+ {
+ var src_textbox = document.getElementById("src_textbox");
+ var clip_selection = document.getElementById("clip_selection");
+
+ for (var i = 0; i < clip_selection.options.length; ++i)
+ {
+ if (clip_selection.options[i].selected)
+ {
+ src_textbox.value = clip_selection.options[i].value;
+ }
+ }
+ }
+
+ function mapResourceType(resourceType)
+ {
+ var strings = ["Manifest",
+ "INIT segment",
+ "MEDIA segment",
+ "Key",
+ "IV"];
+
+ if (resourceType < 0 || resourceType > strings.length)
+ {
+ return "Unknown Resource Type";
+ }
+
+ return strings[resourceType];
+ }
+
+ function mapAdaptiveMediaSourceCreationStatus(status)
+ {
+ var strings = ["Success",
+ "ManifestDownloadFailure",
+ "ManifestParseFailure",
+ "UnsupportedManifestContentType",
+ "UnsupportedManifestVersion",
+ "UnsupportedManifestProfile",
+ "UnknownFailure"];
+
+ if (status < 0 || status > strings.length)
+ {
+ return "Unknown AdaptiveMediaSourceCreationStatus";
+ }
+
+ return strings[status];
+ }
+
+ function attachMediaSource()
+ {
+ try
+ {
+ if (mediaSource != null)
+ {
+ var vid = document.getElementById("video_player3");
+
+ vid.src = URL.createObjectURL(mediaSource, { oneTimeOnly: true });
+ WinJS.log && WinJS.log("Set media element src to the AdaptiveMediaSource for url: " + url, "sample", "status");
+ }
+ }
+ catch (e)
+ {
+ WinJS.log && WinJS.log("EXCEPTION: " + e.toString(), "sample", "error");
+ }
+ }
+
+ function onMediaSourceCreated(result)
+ {
+ if (result.status === AdaptiveStreaming.AdaptiveMediaSourceCreationStatus.success)
+ {
+
+ WinJS.log && WinJS.log("AdaptiveMediaSource.createFromUriAsync completed with status: " + result.status + " - " + mapAdaptiveMediaSourceCreationStatus(result.status), "sample", "status");
+ mediaSource = result.mediaSource;
+ attachMediaSource();
+
+ //Register for download requested, success, and failure events
+ mediaSource.addEventListener("downloadrequested", onDownloadRequested, false);
+ mediaSource.addEventListener("downloadcompleted", onDownloadCompleted, false);
+ mediaSource.addEventListener("downloadfailed", onDownloadFailed, false);
+ }
+ else
+ {
+ var errorString = "";
+ var httpResponseMessage = result.httpResponseMessage;
+
+ if (httpResponseMessage != null)
+ {
+ errorString = " (HTTP response: " + httpResponseMessage.statusCode + " - " + httpResponseMessage.reasonPhrase;
+
+ if (httpResponseMessage.isSuccessStatusCode &&
+ result.status == AdaptiveStreaming.AdaptiveMediaSourceCreationStatus.unsupportedManifestContentType &&
+ httpResponseMessage.content != null)
+ {
+ errorString += "; Content-Type: " + httpResponseMessage.content.headers.contentType;
+ }
+
+ errorString += ")";
+
+ }
+ WinJS.log && WinJS.log("Failed to create adaptive media source: " + mapAdaptiveMediaSourceCreationStatus(result.status) + errorString, "sample", "error");
+ }
+ }
+
+ function loadMediaSourceFromUri()
+ {
+ try
+ {
+ var src_textbox = document.getElementById("src_textbox");
+ var vid = document.getElementById("video_player3");
+
+ url = new Windows.Foundation.Uri(src_textbox.value);
+
+ mediaSource = null;
+ vid.removeAttribute("src");
+
+ WinJS.log && WinJS.log("Creating AdaptiveMediaSource for url: " + url, "sample", "status");
+ AdaptiveStreaming.AdaptiveMediaSource.createFromUriAsync
+ AdaptiveStreaming.AdaptiveMediaSource.createFromUriAsync(url).done(
+ function completed(result)
+ {
+ onMediaSourceCreated(result);
+ });
+
+ }
+ catch (e)
+ {
+ WinJS.log && WinJS.log("EXCEPTION: " + e.toString(), "sample", "error");
+ }
+ }
+
+ function setSource()
+ {
+ loadMediaSourceFromUri();
+ }
+
+
+})();
diff --git a/Samples/AdaptiveStreaming/js/js/scenario4.js b/Samples/AdaptiveStreaming/js/js/scenario4.js
new file mode 100644
index 0000000000..911c3012f8
--- /dev/null
+++ b/Samples/AdaptiveStreaming/js/js/scenario4.js
@@ -0,0 +1,239 @@
+//// Copyright (c) Microsoft Corporation. All rights reserved
+
+(function () {
+ "use strict";
+ var page = WinJS.UI.Pages.define("/html/scenario4.html", {
+ ready: function (element, options) {
+ document.getElementById("clip_selection").addEventListener("change", onClipSelection, false);
+ document.getElementById("setsrc_button").addEventListener("click", setSource, false);
+ }
+ });
+
+ var AdaptiveStreaming = Windows.Media.Streaming.Adaptive;
+ var url = null;
+ var mediaSource = null;
+ var event_id = 1;
+
+
+ function clearEvents() {
+ var events_textarea = document.getElementById("events_textarea");
+ events_textarea.value = "";
+ event_id = 1;
+ }
+
+ function logEvent(str) {
+ var events_textarea = document.getElementById("events_textarea");
+ if (events_textarea != null) {
+ events_textarea.value += "[" + event_id + "] " + str + "\n";
+ event_id++;
+ }
+ }
+
+ function onClipSelection() {
+ var src_textbox = document.getElementById("src_textbox");
+ var clip_selection = document.getElementById("clip_selection");
+
+ for (var i = 0; i < clip_selection.options.length; ++i) {
+ if (clip_selection.options[i].selected) {
+ src_textbox.value = clip_selection.options[i].value;
+ }
+ }
+ }
+
+ function mapResourceType(resourceType) {
+ var strings = ["Manifest",
+ "INIT segment",
+ "MEDIA segment",
+ "Key",
+ "IV"];
+
+ if (resourceType < 0 || resourceType > strings.length) {
+ return "Unknown Resource Type";
+ }
+
+ return strings[resourceType];
+ }
+
+ function mapAdaptiveMediaSourceCreationStatus(status) {
+ var strings = ["Success",
+ "ManifestDownloadFailure",
+ "ManifestParseFailure",
+ "UnsupportedManifestContentType",
+ "UnsupportedManifestVersion",
+ "UnsupportedManifestProfile",
+ "UnknownFailure"];
+
+ if (status < 0 || status > strings.length) {
+ return "Unknown AdaptiveMediaSourceCreationStatus";
+ }
+
+ return strings[status];
+ }
+
+ function attachMediaSource() {
+ try {
+ if (mediaSource != null) {
+ var vid = document.getElementById("video_player4");
+ vid.src = URL.createObjectURL(mediaSource, { oneTimeOnly: true });
+ WinJS.log && WinJS.log("Set media element src to the AdaptiveMediaSource for url: " + url, "sample", "status");
+ }
+ }
+ catch (e) {
+ WinJS.log && WinJS.log("EXCEPTION: " + e.toString(), "sample", "error");
+ }
+ }
+
+ function onMediaSourceCreated(result) {
+ if (result.status === AdaptiveStreaming.AdaptiveMediaSourceCreationStatus.success) {
+
+ WinJS.log && WinJS.log("AdaptiveMediaSource.createFromUriAsync completed with status: " + result.status + " - " + mapAdaptiveMediaSourceCreationStatus(result.status), "sample", "status");
+ mediaSource = result.mediaSource;
+ attachMediaSource();
+
+ }
+ else {
+ var errorString = "";
+ var httpResponseMessage = result.httpResponseMessage;
+
+ if (httpResponseMessage != null) {
+ errorString = " (HTTP response: " + httpResponseMessage.statusCode + " - " + httpResponseMessage.reasonPhrase;
+
+ if (httpResponseMessage.isSuccessStatusCode &&
+ result.status == AdaptiveStreaming.AdaptiveMediaSourceCreationStatus.unsupportedManifestContentType &&
+ httpResponseMessage.content != null) {
+ errorString += "; Content-Type: " + httpResponseMessage.content.headers.contentType;
+ }
+
+ errorString += ")";
+
+ }
+ WinJS.log && WinJS.log("Failed to create adaptive media source: " + mapAdaptiveMediaSourceCreationStatus(result.status) + errorString, "sample", "error");
+ }
+ }
+
+
+ function loadMediaSourceFromUri() {
+ try {
+ var vid = document.getElementById("video_player4");
+ var src_textbox = document.getElementById("src_textbox");
+
+ url = new Windows.Foundation.Uri(src_textbox.value);
+
+ mediaSource = null;
+ vid.removeAttribute("src");
+
+ WinJS.log && WinJS.log("Creating AdaptiveMediaSource for url: " + url, "sample", "status");
+ var eme = new PlayReadyManager(vid);
+ AdaptiveStreaming.AdaptiveMediaSource.createFromUriAsync
+ AdaptiveStreaming.AdaptiveMediaSource.createFromUriAsync(url).done(
+ function completed(result) {
+ onMediaSourceCreated(result);
+ });
+
+ }
+ catch (e) {
+ WinJS.log && WinJS.log("EXCEPTION: " + e.toString(), "sample", "error");
+ }
+ }
+
+ function setSource() {
+ loadMediaSourceFromUri();
+ }
+
+ //==============================================================================
+ // EME Support
+ //==============================================================================
+
+ function PlayReadyManager(vid) {
+ this.vid = vid;
+
+ var that = this;
+ vid.addEventListener(this.NEEDKEY_EVENT, function (e) {
+ that.needPlayReadyKey(e);
+ }, false);
+ }
+
+ PlayReadyManager.prototype = {
+ NEEDKEY_EVENT: "msneedkey",
+ KEYMESSAGE_EVENT: "mskeymessage",
+ KEYADDED_EVENT: "mskeyadded",
+ KEYERROR_EVENT: "mskeyerror",
+ KEY_SYSTEM: "com.microsoft.playready",
+
+ needPlayReadyKey: function (e) {
+ var that = this;
+ var video = document.getElementById("video_player4");
+ logEvent("Received needkey message");
+
+ if (!video.msKeys) {
+ logEvent("Creating a new MediaKeys(\"" + this.KEY_SYSTEM + "\")");
+ try {
+ video.msSetMediaKeys(new MSMediaKeys(this.KEY_SYSTEM));
+ } catch (e) {
+ throw "Unable to create MediaKeys(\"" + this.KEY_SYSTEM + "\"). Verify the components are installed and functional. Original error: " + e.message;
+ }
+ } else {
+ return;
+ }
+
+ var session = video.msKeys.createSession("video/mp4", e.initData);
+ if (!session) {
+ throw "Could not create key session";
+ }
+
+ session.addEventListener(this.KEYMESSAGE_EVENT, function (e) {
+ logEvent("Processing key message");
+ that.downloadPlayReadyKey(e.destinationURL, String.fromCharCode.apply(null, new Uint16Array(e.message.buffer)), function (data) {
+ session.update(data);
+ });
+ });
+
+ session.addEventListener(this.KEYADDED_EVENT, function () {
+ logEvent("Key successfully added");
+ });
+
+ session.addEventListener(this.KEYERROR_EVENT, function () {
+ throw "Unexpected 'keyerror' event from key session. Code: " + session.error.code + ", systemCode: " + session.error.systemCode;
+ });
+ },
+
+ downloadPlayReadyKey: function (url, keyMessage, callback) {
+ logEvent("Parsing key message XML");
+ var keyMessageXML = new DOMParser().parseFromString(keyMessage, "application/xml");
+
+ var challenge;
+ if (keyMessageXML.getElementsByTagName("Challenge")[0]) {
+ challenge = atob(keyMessageXML.getElementsByTagName("Challenge")[0].childNodes[0].nodeValue);
+ } else {
+ throw "Can not find
+
+ Description:
+
+
+
+ Demonstrates enabling basic DASH playback with PlayReady DRM.
+
Choose an item from the list, or provide your own URL. Then click Play.
+
+ Source:
+
+
+ + + +
+
+
+
+
+ + + + +
+
+
| + + | +
| + + | +
| + + | +