dwcares/InteractiveTutorial

Interactive Tutorial - Azure Media Services playback control for interactive tutorial playback

This project demonstrates how to implement a real-time tutorial playback solution built on top of Azure Media Services and Azure Media Player using

Note: This example requires an Azure Media Services instance, and a Node.js server with WebSockets enabled.

Code Example

  this.addEventListener('timestampchanged', 
  
  function(e) {
    currentTimestampIndex = e.updatedTimestampIndex;
    renderTimestamp(tutorialPane, videoData.timestamps[e.updatedTimestampIndex]);
  });

Additional resources

Reference Documentation

• Azure App Service Web Apps
• Azure Node.js Development Center
• Building Real-time Chat in Socket.io (MSDN)
• Azure Media Services
• Get started with Node.js web apps on Azure App Service (Tutorial)
• Deploy a Node.js web app from Github (Video).

Demo Site

http://makerskit.azurewebsites.net

Technical Case Study

Microsoft Tech Case Studies - MakersKit

Demo Video

Contributors

This project was implemented at a hackfest with MakersKit.

• David Washington @dwcares – Microsoft
• Mike Stone (@makerskit) – MakersKit
• Alex Froelich (@froeal01) – MakersKit