995 lines
30 KiB
JavaScript
995 lines
30 KiB
JavaScript
(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.VRView = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(_dereq_,module,exports){
|
|
'use strict';
|
|
|
|
var has = Object.prototype.hasOwnProperty;
|
|
|
|
//
|
|
// We store our EE objects in a plain object whose properties are event names.
|
|
// If `Object.create(null)` is not supported we prefix the event names with a
|
|
// `~` to make sure that the built-in object properties are not overridden or
|
|
// used as an attack vector.
|
|
// We also assume that `Object.create(null)` is available when the event name
|
|
// is an ES6 Symbol.
|
|
//
|
|
var prefix = typeof Object.create !== 'function' ? '~' : false;
|
|
|
|
/**
|
|
* Representation of a single EventEmitter function.
|
|
*
|
|
* @param {Function} fn Event handler to be called.
|
|
* @param {Mixed} context Context for function execution.
|
|
* @param {Boolean} [once=false] Only emit once
|
|
* @api private
|
|
*/
|
|
function EE(fn, context, once) {
|
|
this.fn = fn;
|
|
this.context = context;
|
|
this.once = once || false;
|
|
}
|
|
|
|
/**
|
|
* Minimal EventEmitter interface that is molded against the Node.js
|
|
* EventEmitter interface.
|
|
*
|
|
* @constructor
|
|
* @api public
|
|
*/
|
|
function EventEmitter() { /* Nothing to set */ }
|
|
|
|
/**
|
|
* Hold the assigned EventEmitters by name.
|
|
*
|
|
* @type {Object}
|
|
* @private
|
|
*/
|
|
EventEmitter.prototype._events = undefined;
|
|
|
|
/**
|
|
* Return an array listing the events for which the emitter has registered
|
|
* listeners.
|
|
*
|
|
* @returns {Array}
|
|
* @api public
|
|
*/
|
|
EventEmitter.prototype.eventNames = function eventNames() {
|
|
var events = this._events
|
|
, names = []
|
|
, name;
|
|
|
|
if (!events) return names;
|
|
|
|
for (name in events) {
|
|
if (has.call(events, name)) names.push(prefix ? name.slice(1) : name);
|
|
}
|
|
|
|
if (Object.getOwnPropertySymbols) {
|
|
return names.concat(Object.getOwnPropertySymbols(events));
|
|
}
|
|
|
|
return names;
|
|
};
|
|
|
|
/**
|
|
* Return a list of assigned event listeners.
|
|
*
|
|
* @param {String} event The events that should be listed.
|
|
* @param {Boolean} exists We only need to know if there are listeners.
|
|
* @returns {Array|Boolean}
|
|
* @api public
|
|
*/
|
|
EventEmitter.prototype.listeners = function listeners(event, exists) {
|
|
var evt = prefix ? prefix + event : event
|
|
, available = this._events && this._events[evt];
|
|
|
|
if (exists) return !!available;
|
|
if (!available) return [];
|
|
if (available.fn) return [available.fn];
|
|
|
|
for (var i = 0, l = available.length, ee = new Array(l); i < l; i++) {
|
|
ee[i] = available[i].fn;
|
|
}
|
|
|
|
return ee;
|
|
};
|
|
|
|
/**
|
|
* Emit an event to all registered event listeners.
|
|
*
|
|
* @param {String} event The name of the event.
|
|
* @returns {Boolean} Indication if we've emitted an event.
|
|
* @api public
|
|
*/
|
|
EventEmitter.prototype.emit = function emit(event, a1, a2, a3, a4, a5) {
|
|
var evt = prefix ? prefix + event : event;
|
|
|
|
if (!this._events || !this._events[evt]) return false;
|
|
|
|
var listeners = this._events[evt]
|
|
, len = arguments.length
|
|
, args
|
|
, i;
|
|
|
|
if ('function' === typeof listeners.fn) {
|
|
if (listeners.once) this.removeListener(event, listeners.fn, undefined, true);
|
|
|
|
switch (len) {
|
|
case 1: return listeners.fn.call(listeners.context), true;
|
|
case 2: return listeners.fn.call(listeners.context, a1), true;
|
|
case 3: return listeners.fn.call(listeners.context, a1, a2), true;
|
|
case 4: return listeners.fn.call(listeners.context, a1, a2, a3), true;
|
|
case 5: return listeners.fn.call(listeners.context, a1, a2, a3, a4), true;
|
|
case 6: return listeners.fn.call(listeners.context, a1, a2, a3, a4, a5), true;
|
|
}
|
|
|
|
for (i = 1, args = new Array(len -1); i < len; i++) {
|
|
args[i - 1] = arguments[i];
|
|
}
|
|
|
|
listeners.fn.apply(listeners.context, args);
|
|
} else {
|
|
var length = listeners.length
|
|
, j;
|
|
|
|
for (i = 0; i < length; i++) {
|
|
if (listeners[i].once) this.removeListener(event, listeners[i].fn, undefined, true);
|
|
|
|
switch (len) {
|
|
case 1: listeners[i].fn.call(listeners[i].context); break;
|
|
case 2: listeners[i].fn.call(listeners[i].context, a1); break;
|
|
case 3: listeners[i].fn.call(listeners[i].context, a1, a2); break;
|
|
default:
|
|
if (!args) for (j = 1, args = new Array(len -1); j < len; j++) {
|
|
args[j - 1] = arguments[j];
|
|
}
|
|
|
|
listeners[i].fn.apply(listeners[i].context, args);
|
|
}
|
|
}
|
|
}
|
|
|
|
return true;
|
|
};
|
|
|
|
/**
|
|
* Register a new EventListener for the given event.
|
|
*
|
|
* @param {String} event Name of the event.
|
|
* @param {Function} fn Callback function.
|
|
* @param {Mixed} [context=this] The context of the function.
|
|
* @api public
|
|
*/
|
|
EventEmitter.prototype.on = function on(event, fn, context) {
|
|
var listener = new EE(fn, context || this)
|
|
, evt = prefix ? prefix + event : event;
|
|
|
|
if (!this._events) this._events = prefix ? {} : Object.create(null);
|
|
if (!this._events[evt]) this._events[evt] = listener;
|
|
else {
|
|
if (!this._events[evt].fn) this._events[evt].push(listener);
|
|
else this._events[evt] = [
|
|
this._events[evt], listener
|
|
];
|
|
}
|
|
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Add an EventListener that's only called once.
|
|
*
|
|
* @param {String} event Name of the event.
|
|
* @param {Function} fn Callback function.
|
|
* @param {Mixed} [context=this] The context of the function.
|
|
* @api public
|
|
*/
|
|
EventEmitter.prototype.once = function once(event, fn, context) {
|
|
var listener = new EE(fn, context || this, true)
|
|
, evt = prefix ? prefix + event : event;
|
|
|
|
if (!this._events) this._events = prefix ? {} : Object.create(null);
|
|
if (!this._events[evt]) this._events[evt] = listener;
|
|
else {
|
|
if (!this._events[evt].fn) this._events[evt].push(listener);
|
|
else this._events[evt] = [
|
|
this._events[evt], listener
|
|
];
|
|
}
|
|
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Remove event listeners.
|
|
*
|
|
* @param {String} event The event we want to remove.
|
|
* @param {Function} fn The listener that we need to find.
|
|
* @param {Mixed} context Only remove listeners matching this context.
|
|
* @param {Boolean} once Only remove once listeners.
|
|
* @api public
|
|
*/
|
|
EventEmitter.prototype.removeListener = function removeListener(event, fn, context, once) {
|
|
var evt = prefix ? prefix + event : event;
|
|
|
|
if (!this._events || !this._events[evt]) return this;
|
|
|
|
var listeners = this._events[evt]
|
|
, events = [];
|
|
|
|
if (fn) {
|
|
if (listeners.fn) {
|
|
if (
|
|
listeners.fn !== fn
|
|
|| (once && !listeners.once)
|
|
|| (context && listeners.context !== context)
|
|
) {
|
|
events.push(listeners);
|
|
}
|
|
} else {
|
|
for (var i = 0, length = listeners.length; i < length; i++) {
|
|
if (
|
|
listeners[i].fn !== fn
|
|
|| (once && !listeners[i].once)
|
|
|| (context && listeners[i].context !== context)
|
|
) {
|
|
events.push(listeners[i]);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//
|
|
// Reset the array, or remove it completely if we have no more listeners.
|
|
//
|
|
if (events.length) {
|
|
this._events[evt] = events.length === 1 ? events[0] : events;
|
|
} else {
|
|
delete this._events[evt];
|
|
}
|
|
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Remove all listeners or only the listeners for the specified event.
|
|
*
|
|
* @param {String} event The event want to remove all listeners for.
|
|
* @api public
|
|
*/
|
|
EventEmitter.prototype.removeAllListeners = function removeAllListeners(event) {
|
|
if (!this._events) return this;
|
|
|
|
if (event) delete this._events[prefix ? prefix + event : event];
|
|
else this._events = prefix ? {} : Object.create(null);
|
|
|
|
return this;
|
|
};
|
|
|
|
//
|
|
// Alias methods names because people roll like that.
|
|
//
|
|
EventEmitter.prototype.off = EventEmitter.prototype.removeListener;
|
|
EventEmitter.prototype.addListener = EventEmitter.prototype.on;
|
|
|
|
//
|
|
// This function doesn't apply anymore.
|
|
//
|
|
EventEmitter.prototype.setMaxListeners = function setMaxListeners() {
|
|
return this;
|
|
};
|
|
|
|
//
|
|
// Expose the prefix.
|
|
//
|
|
EventEmitter.prefixed = prefix;
|
|
|
|
//
|
|
// Expose the module.
|
|
//
|
|
if ('undefined' !== typeof module) {
|
|
module.exports = EventEmitter;
|
|
}
|
|
|
|
},{}],2:[function(_dereq_,module,exports){
|
|
/*
|
|
* Copyright 2016 Google Inc. All Rights Reserved.
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
var Message = _dereq_('../message');
|
|
|
|
/**
|
|
* Sends events to the embedded VR view IFrame via postMessage. Also handles
|
|
* messages sent back from the IFrame:
|
|
*
|
|
* click: When a hotspot was clicked.
|
|
* modechange: When the user changes viewing mode (VR|Fullscreen|etc).
|
|
*/
|
|
function IFrameMessageSender(iframe) {
|
|
if (!iframe) {
|
|
console.error('No iframe specified');
|
|
return;
|
|
}
|
|
this.iframe = iframe;
|
|
|
|
// On iOS, if the iframe is across domains, also send DeviceMotion data.
|
|
if (this.isIOS_()) {
|
|
window.addEventListener('devicemotion', this.onDeviceMotion_.bind(this), false);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Sends a message to the associated VR View IFrame.
|
|
*/
|
|
IFrameMessageSender.prototype.send = function(message) {
|
|
var iframeWindow = this.iframe.contentWindow;
|
|
iframeWindow.postMessage(message, '*');
|
|
};
|
|
|
|
IFrameMessageSender.prototype.onDeviceMotion_ = function(e) {
|
|
var message = {
|
|
type: Message.DEVICE_MOTION,
|
|
deviceMotionEvent: this.cloneDeviceMotionEvent_(e)
|
|
};
|
|
|
|
this.send(message);
|
|
};
|
|
|
|
IFrameMessageSender.prototype.cloneDeviceMotionEvent_ = function(e) {
|
|
return {
|
|
acceleration: {
|
|
x: e.acceleration.x,
|
|
y: e.acceleration.y,
|
|
z: e.acceleration.z,
|
|
},
|
|
accelerationIncludingGravity: {
|
|
x: e.accelerationIncludingGravity.x,
|
|
y: e.accelerationIncludingGravity.y,
|
|
z: e.accelerationIncludingGravity.z,
|
|
},
|
|
rotationRate: {
|
|
alpha: e.rotationRate.alpha,
|
|
beta: e.rotationRate.beta,
|
|
gamma: e.rotationRate.gamma,
|
|
},
|
|
interval: e.interval,
|
|
timeStamp: e.timeStamp
|
|
};
|
|
};
|
|
|
|
IFrameMessageSender.prototype.isIOS_ = function() {
|
|
return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
|
|
};
|
|
|
|
module.exports = IFrameMessageSender;
|
|
|
|
},{"../message":5}],3:[function(_dereq_,module,exports){
|
|
/*
|
|
* Copyright 2016 Google Inc. All Rights Reserved.
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
var Player = _dereq_('./player');
|
|
|
|
var VRView = {
|
|
Player: Player
|
|
};
|
|
|
|
module.exports = VRView;
|
|
|
|
},{"./player":4}],4:[function(_dereq_,module,exports){
|
|
/*
|
|
* Copyright 2016 Google Inc. All Rights Reserved.
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
var EventEmitter = _dereq_('eventemitter3');
|
|
var IFrameMessageSender = _dereq_('./iframe-message-sender');
|
|
var Message = _dereq_('../message');
|
|
var Util = _dereq_('../util');
|
|
|
|
// Save the executing script. This will be used to calculate the embed URL.
|
|
var CURRENT_SCRIPT_SRC = Util.getCurrentScript().src;
|
|
var FAKE_FULLSCREEN_CLASS = 'vrview-fake-fullscreen';
|
|
|
|
/**
|
|
* Entry point for the VR View JS API.
|
|
*
|
|
* Emits the following events:
|
|
* ready: When the player is loaded.
|
|
* modechange: When the viewing mode changes (normal, fullscreen, VR).
|
|
* click (id): When a hotspot is clicked.
|
|
*/
|
|
function Player(selector, contentInfo) {
|
|
// Create a VR View iframe depending on the parameters.
|
|
var iframe = this.createIframe_(contentInfo);
|
|
this.iframe = iframe;
|
|
|
|
var parentEl = document.querySelector(selector);
|
|
parentEl.appendChild(iframe);
|
|
|
|
// Make a sender as well, for relying commands to the child IFrame.
|
|
this.sender = new IFrameMessageSender(iframe);
|
|
|
|
// Listen to messages from the IFrame.
|
|
window.addEventListener('message', this.onMessage_.bind(this), false);
|
|
|
|
// Expose a public .isPaused attribute.
|
|
this.isPaused = false;
|
|
|
|
// Expose a public .isMuted attribute.
|
|
this.isMuted = false;
|
|
if (typeof contentInfo.muted !== 'undefined') {
|
|
this.isMuted = contentInfo.muted;
|
|
}
|
|
|
|
// Other public attributes
|
|
this.currentTime = 0;
|
|
this.duration = 0;
|
|
this.volume = contentInfo.volume != undefined ? contentInfo.volume : 1;
|
|
|
|
if (Util.isIOS()) {
|
|
this.injectFullscreenStylesheet_();
|
|
}
|
|
}
|
|
Player.prototype = new EventEmitter();
|
|
|
|
/**
|
|
* @param pitch {Number} The latitude of center, specified in degrees, between
|
|
* -90 and 90, with 0 at the horizon.
|
|
* @param yaw {Number} The longitude of center, specified in degrees, between
|
|
* -180 and 180, with 0 at the image center.
|
|
* @param radius {Number} The radius of the hotspot, specified in meters.
|
|
* @param distance {Number} The distance of the hotspot from camera, specified
|
|
* in meters.
|
|
* @param hotspotId {String} The ID of the hotspot.
|
|
*/
|
|
Player.prototype.addHotspot = function(hotspotId, params) {
|
|
// TODO: Add validation to params.
|
|
var data = {
|
|
pitch: params.pitch,
|
|
yaw: params.yaw,
|
|
radius: params.radius,
|
|
distance: params.distance,
|
|
id: hotspotId
|
|
};
|
|
this.sender.send({type: Message.ADD_HOTSPOT, data: data});
|
|
};
|
|
|
|
Player.prototype.play = function() {
|
|
this.sender.send({type: Message.PLAY});
|
|
};
|
|
|
|
Player.prototype.pause = function() {
|
|
this.sender.send({type: Message.PAUSE});
|
|
};
|
|
|
|
/**
|
|
* Equivalent of HTML5 setSrc().
|
|
* @param {String} contentInfo
|
|
*/
|
|
Player.prototype.setContent = function(contentInfo) {
|
|
this.absolutifyPaths_(contentInfo);
|
|
var data = {
|
|
contentInfo: contentInfo
|
|
};
|
|
this.sender.send({type: Message.SET_CONTENT, data: data});
|
|
};
|
|
|
|
/**
|
|
* Sets the software volume of the video. 0 is mute, 1 is max.
|
|
*/
|
|
Player.prototype.setVolume = function(volumeLevel) {
|
|
var data = {
|
|
volumeLevel: volumeLevel
|
|
};
|
|
this.sender.send({type: Message.SET_VOLUME, data: data});
|
|
};
|
|
|
|
Player.prototype.getVolume = function() {
|
|
return this.volume;
|
|
};
|
|
|
|
/**
|
|
* Sets the mute state of the video element. true is muted, false is unmuted.
|
|
*/
|
|
Player.prototype.mute = function(muteState) {
|
|
var data = {
|
|
muteState: muteState
|
|
};
|
|
this.sender.send({type: Message.MUTED, data: data});
|
|
};
|
|
|
|
/**
|
|
* Set the current time of the media being played
|
|
* @param {Number} time
|
|
*/
|
|
Player.prototype.setCurrentTime = function(time) {
|
|
var data = {
|
|
currentTime: time
|
|
};
|
|
this.sender.send({type: Message.SET_CURRENT_TIME, data: data});
|
|
};
|
|
|
|
Player.prototype.getCurrentTime = function() {
|
|
return this.currentTime;
|
|
};
|
|
|
|
Player.prototype.getDuration = function() {
|
|
return this.duration;
|
|
};
|
|
Player.prototype.setFullscreen = function() {
|
|
this.sender.send({type: Message.SET_FULLSCREEN});
|
|
};
|
|
|
|
/**
|
|
* Helper for creating an iframe.
|
|
*
|
|
* @return {IFrameElement} The iframe.
|
|
*/
|
|
Player.prototype.createIframe_ = function(contentInfo) {
|
|
this.absolutifyPaths_(contentInfo);
|
|
|
|
var iframe = document.createElement('iframe');
|
|
iframe.setAttribute('allowfullscreen', true);
|
|
iframe.setAttribute('scrolling', 'no');
|
|
iframe.style.border = 0;
|
|
|
|
// Handle iframe size if width and height are specified.
|
|
if (contentInfo.hasOwnProperty('width')) {
|
|
iframe.setAttribute('width', contentInfo.width);
|
|
delete contentInfo.width;
|
|
}
|
|
if (contentInfo.hasOwnProperty('height')) {
|
|
iframe.setAttribute('height', contentInfo.height);
|
|
delete contentInfo.height;
|
|
}
|
|
|
|
var url = this.getEmbedUrl_() + Util.createGetParams(contentInfo);
|
|
iframe.src = url;
|
|
|
|
return iframe;
|
|
};
|
|
|
|
Player.prototype.onMessage_ = function(event) {
|
|
var message = event.data;
|
|
if (!message || !message.type) {
|
|
console.warn('Received message with no type.');
|
|
return;
|
|
}
|
|
var type = message.type.toLowerCase();
|
|
var data = message.data;
|
|
switch (type) {
|
|
case 'ready':
|
|
if (data !== undefined && data.duration !== undefined) {
|
|
this.duration = data.duration;
|
|
}
|
|
case 'modechange':
|
|
case 'error':
|
|
case 'click':
|
|
case 'ended':
|
|
case 'getposition':
|
|
this.emit(type, data);
|
|
break;
|
|
case 'volumechange':
|
|
this.volume = data;
|
|
this.emit('volumechange', data);
|
|
break;
|
|
case 'muted':
|
|
this.isMuted = data;
|
|
this.emit('mute', data);
|
|
break;
|
|
case 'timeupdate':
|
|
this.currentTime = data;
|
|
this.emit('timeupdate', {
|
|
currentTime: this.currentTime,
|
|
duration: this.duration
|
|
});
|
|
break;
|
|
case 'play':
|
|
case 'paused':
|
|
this.isPaused = data;
|
|
if (this.isPaused) {
|
|
this.emit('pause', data);
|
|
} else {
|
|
this.emit('play', data);
|
|
}
|
|
break;
|
|
case 'enter-fullscreen':
|
|
case 'enter-vr':
|
|
this.setFakeFullscreen_(true);
|
|
break;
|
|
case 'exit-fullscreen':
|
|
this.setFakeFullscreen_(false);
|
|
break;
|
|
default:
|
|
console.warn('Got unknown message of type %s from %s', message.type, message.origin);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Note: iOS doesn't support the fullscreen API.
|
|
* In standalone <iframe> mode, VR View emulates fullscreen by redirecting to
|
|
* another page.
|
|
* In JS API mode, we stretch the iframe to cover the extent of the page using
|
|
* CSS. To do this cleanly, we also inject a stylesheet.
|
|
*/
|
|
Player.prototype.setFakeFullscreen_ = function(isFullscreen) {
|
|
if (isFullscreen) {
|
|
this.iframe.classList.add(FAKE_FULLSCREEN_CLASS);
|
|
} else {
|
|
this.iframe.classList.remove(FAKE_FULLSCREEN_CLASS);
|
|
}
|
|
};
|
|
|
|
Player.prototype.injectFullscreenStylesheet_ = function() {
|
|
var styleString = [
|
|
'iframe.' + FAKE_FULLSCREEN_CLASS,
|
|
'{',
|
|
'position: fixed !important;',
|
|
'display: block !important;',
|
|
'z-index: 9999999999 !important;',
|
|
'top: 0 !important;',
|
|
'left: 0 !important;',
|
|
'width: 100% !important;',
|
|
'height: 100% !important;',
|
|
'margin: 0 !important;',
|
|
'}',
|
|
].join('\n');
|
|
var style = document.createElement('style');
|
|
style.innerHTML = styleString;
|
|
document.body.appendChild(style);
|
|
};
|
|
|
|
Player.prototype.getEmbedUrl_ = function() {
|
|
// Assume that the script is in $ROOT/build/something.js, and that the iframe
|
|
// HTML is in $ROOT/index.html.
|
|
//
|
|
// E.g: /vrview/2.0/build/vrview.min.js => /vrview/2.0/index.html.
|
|
var path = CURRENT_SCRIPT_SRC;
|
|
var split = path.split('/');
|
|
var rootSplit = split.slice(0, split.length - 2);
|
|
var rootPath = rootSplit.join('/');
|
|
return rootPath + '/index.html';
|
|
};
|
|
|
|
Player.prototype.getDirName_ = function() {
|
|
var path = window.location.pathname;
|
|
path = path.substring(0, path.lastIndexOf('/'));
|
|
return location.protocol + '//' + location.host + path;
|
|
};
|
|
|
|
/**
|
|
* Make all of the URLs inside contentInfo absolute instead of relative.
|
|
*/
|
|
Player.prototype.absolutifyPaths_ = function(contentInfo) {
|
|
var dirName = this.getDirName_();
|
|
var urlParams = ['image', 'preview', 'video'];
|
|
|
|
for (var i = 0; i < urlParams.length; i++) {
|
|
var name = urlParams[i];
|
|
var path = contentInfo[name];
|
|
if (path && Util.isPathAbsolute(path)) {
|
|
var absolute = Util.relativeToAbsolutePath(dirName, path);
|
|
contentInfo[name] = absolute;
|
|
//console.log('Converted to absolute: %s', absolute);
|
|
}
|
|
}
|
|
};
|
|
/**
|
|
* Get position YAW, PITCH
|
|
*/
|
|
Player.prototype.getPosition = function() {
|
|
this.sender.send({type: Message.GET_POSITION, data: {}});
|
|
};
|
|
|
|
module.exports = Player;
|
|
|
|
},{"../message":5,"../util":6,"./iframe-message-sender":2,"eventemitter3":1}],5:[function(_dereq_,module,exports){
|
|
/*
|
|
* Copyright 2016 Google Inc. All Rights Reserved.
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
/**
|
|
* Messages from the API to the embed.
|
|
*/
|
|
var Message = {
|
|
PLAY: 'play',
|
|
PAUSE: 'pause',
|
|
TIMEUPDATE: 'timeupdate',
|
|
ADD_HOTSPOT: 'addhotspot',
|
|
SET_CONTENT: 'setimage',
|
|
SET_VOLUME: 'setvolume',
|
|
MUTED: 'muted',
|
|
SET_CURRENT_TIME: 'setcurrenttime',
|
|
DEVICE_MOTION: 'devicemotion',
|
|
GET_POSITION: 'getposition',
|
|
SET_FULLSCREEN: 'setfullscreen',
|
|
};
|
|
|
|
module.exports = Message;
|
|
|
|
},{}],6:[function(_dereq_,module,exports){
|
|
/*
|
|
* Copyright 2016 Google Inc. All Rights Reserved.
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
var Util = window.Util || {};
|
|
|
|
Util.isDataURI = function(src) {
|
|
return src && src.indexOf('data:') == 0;
|
|
};
|
|
|
|
Util.generateUUID = function() {
|
|
function s4() {
|
|
return Math.floor((1 + Math.random()) * 0x10000)
|
|
.toString(16)
|
|
.substring(1);
|
|
}
|
|
return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
|
|
s4() + '-' + s4() + s4() + s4();
|
|
};
|
|
|
|
Util.isMobile = function() {
|
|
var check = false;
|
|
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))check = true})(navigator.userAgent||navigator.vendor||window.opera);
|
|
return check;
|
|
};
|
|
|
|
Util.isIOS = function() {
|
|
return /(iPad|iPhone|iPod)/g.test(navigator.userAgent);
|
|
};
|
|
|
|
Util.isSafari = function() {
|
|
return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
|
|
};
|
|
|
|
Util.cloneObject = function(obj) {
|
|
var out = {};
|
|
for (key in obj) {
|
|
out[key] = obj[key];
|
|
}
|
|
return out;
|
|
};
|
|
|
|
Util.hashCode = function(s) {
|
|
return s.split("").reduce(function(a,b){a=((a<<5)-a)+b.charCodeAt(0);return a&a},0);
|
|
};
|
|
|
|
Util.loadTrackSrc = function(context, src, callback, opt_progressCallback) {
|
|
var request = new XMLHttpRequest();
|
|
request.open('GET', src, true);
|
|
request.responseType = 'arraybuffer';
|
|
|
|
// Decode asynchronously.
|
|
request.onload = function() {
|
|
context.decodeAudioData(request.response, function(buffer) {
|
|
callback(buffer);
|
|
}, function(e) {
|
|
console.error(e);
|
|
});
|
|
};
|
|
if (opt_progressCallback) {
|
|
request.onprogress = function(e) {
|
|
var percent = e.loaded / e.total;
|
|
opt_progressCallback(percent);
|
|
};
|
|
}
|
|
request.send();
|
|
};
|
|
|
|
Util.isPow2 = function(n) {
|
|
return (n & (n - 1)) == 0;
|
|
};
|
|
|
|
Util.capitalize = function(s) {
|
|
return s.charAt(0).toUpperCase() + s.slice(1);
|
|
};
|
|
|
|
Util.isIFrame = function() {
|
|
try {
|
|
return window.self !== window.top;
|
|
} catch (e) {
|
|
return true;
|
|
}
|
|
};
|
|
|
|
// From http://goo.gl/4WX3tg
|
|
Util.getQueryParameter = function(name) {
|
|
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
|
|
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
|
|
results = regex.exec(location.search);
|
|
return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
|
|
};
|
|
|
|
|
|
// From http://stackoverflow.com/questions/11871077/proper-way-to-detect-webgl-support.
|
|
Util.isWebGLEnabled = function() {
|
|
var canvas = document.createElement('canvas');
|
|
try { gl = canvas.getContext("webgl"); }
|
|
catch (x) { gl = null; }
|
|
|
|
if (gl == null) {
|
|
try { gl = canvas.getContext("experimental-webgl"); experimental = true; }
|
|
catch (x) { gl = null; }
|
|
}
|
|
return !!gl;
|
|
};
|
|
|
|
Util.clone = function(obj) {
|
|
return JSON.parse(JSON.stringify(obj));
|
|
};
|
|
|
|
// From http://stackoverflow.com/questions/10140604/fastest-hypotenuse-in-javascript
|
|
Util.hypot = Math.hypot || function(x, y) {
|
|
return Math.sqrt(x*x + y*y);
|
|
};
|
|
|
|
// From http://stackoverflow.com/a/17447718/693934
|
|
Util.isIE11 = function() {
|
|
return navigator.userAgent.match(/Trident/);
|
|
};
|
|
|
|
Util.getRectCenter = function(rect) {
|
|
return new THREE.Vector2(rect.x + rect.width/2, rect.y + rect.height/2);
|
|
};
|
|
|
|
Util.getScreenWidth = function() {
|
|
return Math.max(window.screen.width, window.screen.height) *
|
|
window.devicePixelRatio;
|
|
};
|
|
|
|
Util.getScreenHeight = function() {
|
|
return Math.min(window.screen.width, window.screen.height) *
|
|
window.devicePixelRatio;
|
|
};
|
|
|
|
Util.isIOS9OrLess = function() {
|
|
if (!Util.isIOS()) {
|
|
return false;
|
|
}
|
|
var re = /(iPhone|iPad|iPod) OS ([\d_]+)/;
|
|
var iOSVersion = navigator.userAgent.match(re);
|
|
if (!iOSVersion) {
|
|
return false;
|
|
}
|
|
// Get the last group.
|
|
var versionString = iOSVersion[iOSVersion.length - 1];
|
|
var majorVersion = parseFloat(versionString);
|
|
return majorVersion <= 9;
|
|
};
|
|
|
|
Util.getExtension = function(url) {
|
|
return url.split('.').pop().split('?')[0];
|
|
};
|
|
|
|
Util.createGetParams = function(params) {
|
|
var out = '?';
|
|
for (var k in params) {
|
|
var paramString = k + '=' + params[k] + '&';
|
|
out += paramString;
|
|
}
|
|
// Remove the trailing ampersand.
|
|
out.substring(0, params.length - 2);
|
|
return out;
|
|
};
|
|
|
|
Util.sendParentMessage = function(message) {
|
|
if (window.parent) {
|
|
parent.postMessage(message, '*');
|
|
}
|
|
};
|
|
|
|
Util.parseBoolean = function(value) {
|
|
if (value == 'false' || value == 0) {
|
|
return false;
|
|
} else if (value == 'true' || value == 1) {
|
|
return true;
|
|
} else {
|
|
return !!value;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* @param base {String} An absolute directory root.
|
|
* @param relative {String} A relative path.
|
|
*
|
|
* @returns {String} An absolute path corresponding to the rootPath.
|
|
*
|
|
* From http://stackoverflow.com/a/14780463/693934.
|
|
*/
|
|
Util.relativeToAbsolutePath = function(base, relative) {
|
|
var stack = base.split('/');
|
|
var parts = relative.split('/');
|
|
for (var i = 0; i < parts.length; i++) {
|
|
if (parts[i] == '.') {
|
|
continue;
|
|
}
|
|
if (parts[i] == '..') {
|
|
stack.pop();
|
|
} else {
|
|
stack.push(parts[i]);
|
|
}
|
|
}
|
|
return stack.join('/');
|
|
};
|
|
|
|
/**
|
|
* @return {Boolean} True iff the specified path is an absolute path.
|
|
*/
|
|
Util.isPathAbsolute = function(path) {
|
|
return ! /^(?:\/|[a-z]+:\/\/)/.test(path);
|
|
}
|
|
|
|
Util.isEmptyObject = function(obj) {
|
|
return Object.getOwnPropertyNames(obj).length == 0;
|
|
};
|
|
|
|
Util.isDebug = function() {
|
|
return Util.parseBoolean(Util.getQueryParameter('debug'));
|
|
};
|
|
|
|
Util.getCurrentScript = function() {
|
|
// Note: in IE11, document.currentScript doesn't work, so we fall back to this
|
|
// hack, taken from https://goo.gl/TpExuH.
|
|
if (!document.currentScript) {
|
|
console.warn('This browser does not support document.currentScript. Trying fallback.');
|
|
}
|
|
return document.currentScript || document.scripts[document.scripts.length - 1];
|
|
}
|
|
|
|
|
|
module.exports = Util;
|
|
|
|
},{}]},{},[3])(3)
|
|
}); |