Publish Vulpes Preview 15 sources for desktop, Android and Tundra

Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.

gaia/dev_apps/upnp-test/js/app.js

@@ -0,0 +1,267 @@
+(function(exports) {
+  var DEBUG = false;
+  'use strict';
+
+  var savedServices = {};
+
+  var debugEl;
+  var audioPlayer;
+  var videoPlayer;
+  var imagePlayer;
+  var discoverButton;
+  var currentPlayer;
+  var playerToggler;
+  var folderList;
+
+  function debugLog(msg, level) {
+    if (!DEBUG && level === 'debug') {
+      return;
+    }
+    var logEl = document.createElement('div');
+    logEl.textContent = msg;
+    debugEl.appendChild(logEl);
+  }
+
+  function toggleFolder(evt) {
+    evt.preventDefault();
+    var elem = evt.target;
+
+    if (elem.nextSibling && elem.nextSibling.tagName == 'DIV') {
+      // folder is opened. Close it.
+      elem.parentElement.removeChild(elem.nextSibling);
+      elem.classList.remove('opened');
+    } else {
+      // folder is closed. Open it.
+      debugLog(elem.serviceId, 'debug');
+      elem.classList.add('opened');
+      browseFolder(
+        elem.dataset.serviceId, elem.hash.substr(1), evt.target);
+    }
+  }
+
+  function togglePlayer(value) {
+    if (typeof value != 'boolean') {
+      value = currentPlayer.classList.contains('hide');
+    }
+    audioPlayer.classList.add('hide');
+    videoPlayer.classList.add('hide');
+    imagePlayer.classList.add('hide');
+    if (value) {
+      currentPlayer.classList.remove('hide');
+    }
+  }
+
+  function switchPlayer(type) {
+    audioPlayer.pause();
+    videoPlayer.pause();
+
+    if (type == 'audio') {
+      currentPlayer = audioPlayer;
+    } else if (type == 'video') {
+      currentPlayer = videoPlayer;
+    } else if (type == 'image') {
+      currentPlayer = imagePlayer;
+    }
+    togglePlayer(true);
+  }
+
+  function playFile(evt) {
+    evt.preventDefault();
+    var fileType = evt.target.dataset.mime.split('/')[0].toLowerCase();
+    var mimeType = evt.target.dataset.mime.split('/')[1].toLowerCase();
+
+    if (evt.target.href.substr(-3) == 'ogv') {
+      mimeType = 'video/ogg';
+    } else if (evt.target.href.substr(-3) == 'ogg') {
+      mimeType = 'audio/ogg';
+    }
+    switchPlayer(fileType);
+
+    currentPlayer.hidden = false;
+    currentPlayer.src = evt.target.href;
+    currentPlayer.setAttribute('type', mimeType);
+    currentPlayer.play();
+  }
+
+  function browseFolder(serviceId, folderId, folderElement) {
+    var mediaServer = savedServices[serviceId];
+    if (!mediaServer) {
+      return;
+    }
+
+    folderId = folderId || '';
+
+    mediaServer.browse(folderId).then(function(response) {
+      if (!response || !response.data) {
+        return;
+      }
+
+      var data = response.data.Result.replace(/&/g, "&");
+      debugLog(data);
+
+      if (data.indexOf('xmlns:dlna') == -1) {
+        data = data.replace('<DIDL-Lite ',
+          '<DIDL-Lite xmlns:dlna="urn:schemas-dlna-org:device-1-0" ');
+      }
+      var parser = new DOMParser();
+      var xmlResponse = parser.parseFromString(data, 'application/xml');
+      var lists = xmlResponse.documentElement.children;
+
+      var sublist = document.createElement('div');
+      sublist.className = 'sublist';
+
+      for (var i = 0; i < lists.length; i++) {
+        var item = lists[i];
+
+        var titleElem = item.getElementsByTagName('title')[0] ||
+                        item.getElementsByTagName('dc:title')[0];
+        var title;
+        if (titleElem) {
+          title = titleElem.textContent;
+        }
+
+        var newElem;
+        if (item.tagName == 'container') {
+          newElem = document.createElement('a');
+
+          newElem.dataset.serviceId = serviceId;
+          newElem.addEventListener('click', toggleFolder);
+          newElem.href = '#' + item.getAttribute('id');
+          newElem.textContent = title;
+          newElem.className = 'folder';
+
+          sublist.appendChild(newElem);
+        } else if (item.tagName == 'item') {
+          var linkElem = item.getElementsByTagName('res')[0];
+          var link, mime;
+          if (linkElem) {
+            link = linkElem.textContent;
+            mime = linkElem.getAttribute('protocolInfo').split(':')[2];
+          }
+          newElem = document.createElement('a');
+          newElem.addEventListener('click', playFile);
+          newElem.dataset.mime = mime;
+          newElem.href = link;
+          newElem.textContent = title;
+          newElem.className = mime.split('/')[0];
+          sublist.appendChild(newElem);
+        }
+      }
+      if (!folderElement) {
+        folderList.appendChild(sublist);
+      } else {
+        folderElement.parentElement.
+            insertBefore(sublist, folderElement.nextSibling);
+      }
+    });
+  }
+
+  function processService(service, i) {
+      service._index = i;
+      if (savedServices[service.id]) {
+        return;
+      }
+
+      var mediaServer =
+        new Plug.UPnP_ContentDirectory(service, { debug: false });
+      if (!savedServices[service.id]) {
+        savedServices[service.id] = mediaServer;
+      }
+
+      mediaServer.getSystemUpdateId().then(function(response) {
+        if (response && response.data) {
+          debugLog('Service[' + service._index + '] is reporting UpdateId = ' +
+            response.data.Id );
+        } else {
+          debugLog('Service[' + service._index + '] is reporting no response');
+        }
+
+      }).then(null, function(error) { // Handle any errors
+
+        debugLog('An error occurred: ' + error.description);
+
+      });
+
+      var serverElem = document.createElement('div');
+      serverElem.className = 'server';
+
+      var parser = new DOMParser();
+      var configDocument = parser.parseFromString(mediaServer.svc.config, 'text/xml');
+      serverElem.textContent = configDocument.getElementsByTagName('friendlyName')[0].textContent;
+      folderList.appendChild(serverElem);
+
+      browseFolder(service.id, null, serverElem);
+  }
+
+  function onServices(services) {
+
+    var idx = services.length;
+    services.addEventListener('servicefound', function _servicefound(e) {
+      debugLog(services.length + ' UPnP service' +
+        (services.length !== 1 ? 's' : '') +
+        ' found in the network');
+
+      processService(services[idx], idx);
+      idx++;
+    });
+
+    debugLog(services.length + ' UPnP service' +
+      (services.length !== 1 ? 's' : '') +
+      ' found in the network');
+
+    if (services.length === 0) {
+      return;
+    }
+
+    for (var i = 0; i < services.length; i++) {
+      var service = services[i];
+      processService(service, i);
+    }
+  }
+
+  function discover() {
+    if (navigator.getNetworkServices) {
+      debugLog('Search for UPnP services in the network');
+      navigator.getNetworkServices('upnp:urn:schemas-upnp-org:service:ContentDirectory:1')
+      .then(onServices, function(e) {
+          debugLog('An error occurred obtaining UPnP Services [CODE: ' +
+                    error.code + ']');
+      });
+    } else {
+      debugLog(
+          'navigator.getNetworkServices API is not supported in this browser');
+    }
+  }
+
+  function clearLog() {
+    debugEl.innerHTML = '';
+  }
+
+  function init() {
+    folderList = document.getElementById('folderList');
+    debugEl = document.getElementById('debug');
+    audioPlayer = document.getElementById('audioPlayer');
+    videoPlayer = document.getElementById('videoPlayer');
+    imagePlayer = document.getElementById('imagePlayer');
+    playerToggler = document.getElementById('playerToggler');
+    discoverButton = document.getElementById('discoverButton');
+    clearLogButton = document.getElementById('clearLog');
+
+    currentPlayer = imagePlayer;
+    togglePlayer(false);
+
+    playerToggler.addEventListener('click', togglePlayer);
+    discoverButton.addEventListener('click', discover);
+    clearLogButton.addEventListener('click', clearLog);
+
+    discover();
+  }
+
+  window.addEventListener('load', function() {
+    init();
+  });
+
+  exports.ServiceManager = {
+    savedServices: savedServices
+  };
+})(window);