solid-panes/lib/video/videoPane.js

Solid-compatible Panes: applets and views for the mashlib and databrowser

"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var UI = _interopRequireWildcard(require("solid-ui"));
var $rdf = _interopRequireWildcard(require("rdflib"));
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
/*   Single video play Pane
 **
 */
var _default = exports["default"] = {
  icon: UI.icons.iconBase + 'noun_1619.svg',
  name: 'video',
  // Does the subject deserve an slideshow pane?
  label: function label(subject, context) {
    var kb = context.session.store;
    var typeURIs = kb.findTypeURIs(subject);
    var prefix = $rdf.Util.mediaTypeClass('video/*').uri.split('*')[0];
    for (var t in typeURIs) {
      if (t.startsWith(prefix)) return 'Play video';
    }
    return null;
  },
  render: function render(subject, context) {
    var kb = context.session.store;
    var dom = context.dom;
    var div = dom.createElement('div');
    var video = div.appendChild(dom.createElement('video'));
    video.setAttribute('controls', 'yes');
    // get video with authenticated fetch
    kb.fetcher._fetch(subject.uri).then(function (response) {
      return response.blob();
    }).then(function (myBlob) {
      var objectURL = URL.createObjectURL(myBlob);
      video.setAttribute('src', objectURL); // w640 h480 //
    });
    video.setAttribute('width', '100%');
    return div;
  }
}; // ends
//# sourceMappingURL=videoPane.js.map