wrplayer 1.0.0

package/adapters/vanilla/index.js

@@ -0,0 +1,392 @@
+import WRPlayer from '../../core/WRPlayer.js';
+
+/**
+ * Vanilla JavaScript Wrapper for WRPlayer with PTZ and Voice Intercom support
+ * Provides a more convenient API for vanilla JS usage
+ */
+export class WRPlayerWrapper {
+  /**
+   * Create a new WRPlayer wrapper instance
+   * @param {HTMLVideoElement|string} element - Video element or selector
+   * @param {Object} config - Player configuration
+   * @param {Object} [callbacks] - Event callbacks
+   */
+  constructor(element, config, callbacks = {}) {
+    // Get element reference
+    this.element = typeof element === 'string' 
+      ? document.querySelector(element)
+      : element;
+
+    if (!this.element) {
+      throw new Error('WRPlayerWrapper: Video element not found');
+    }
+
+    this.config = config;
+    this.callbacks = callbacks;
+    this.player = null;
+    this.isReady = false;
+    this.error = null;
+    this.ptzAvailable = false;
+    this.voiceIntercomAvailable = false;
+
+    this._init();
+  }
+
+  /**
+   * Initialize the player
+   * @private
+   */
+  _init() {
+    try {
+      this.player = new WRPlayer({
+        element: this.element,
+        ...this.config
+      });
+
+      this.ptzAvailable = !!this.player.ptz;
+      this.voiceIntercomAvailable = !!this.player.voiceIntercom;
+
+      // Set up event listeners
+      this._setupEventListeners();
+
+    } catch (err) {
+      this.error = { type: 'init_error', details: err };
+      if (this.callbacks.onError) {
+        this.callbacks.onError(this.error);
+      }
+    }
+  }
+
+  /**
+   * Set up event listeners
+   * @private
+   */
+  _setupEventListeners() {
+    if (!this.player) return;
+
+    // Player ready event
+    this.player.on('ready', () => {
+      this.isReady = true;
+      this.error = null;
+      if (this.callbacks.onReady) {
+        this.callbacks.onReady(this);
+      }
+    });
+
+    // Player error event
+    this.player.on('error', (errorData) => {
+      this.error = errorData;
+      this.isReady = false;
+      if (this.callbacks.onError) {
+        this.callbacks.onError(errorData);
+      }
+    });
+
+    // Player state events
+    const stateEvents = ['play', 'pause', 'ended', 'timeupdate'];
+    stateEvents.forEach(event => {
+      this.player.on(event, (data) => {
+        const callbackName = `on${event.charAt(0).toUpperCase()}${event.slice(1)}`;
+        if (this.callbacks[callbackName]) {
+          this.callbacks[callbackName](data);
+        }
+      });
+    });
+
+    // PTZ events
+    if (this.ptzAvailable && this.callbacks.onPtzEvent) {
+      const ptzEvents = [
+        'ptz:move', 'ptz:zoom', 'ptz:focus', 'ptz:iris', 'ptz:speed:change',
+        'ptz:preset:list', 'ptz:preset:saved', 'ptz:preset:called', 'ptz:preset:deleted',
+        'ptz:cruise:started', 'ptz:cruise:stopped', 'ptz:cruise:speed:set',
+        'ptz:scan:started', 'ptz:scan:stopped', 'ptz:scan:boundary:left', 'ptz:scan:boundary:right',
+        'ptz:request:success', 'ptz:request:error'
+      ];
+
+      ptzEvents.forEach(event => {
+        this.player.on(event, (data) => {
+          this.callbacks.onPtzEvent(event, data);
+        });
+      });
+    }
+  }
+
+  /**
+   * Start playing the video
+   */
+  play() {
+    if (this.player) {
+      this.player.play();
+    }
+  }
+
+  /**
+   * Pause the video
+   */
+  pause() {
+    if (this.player) {
+      this.player.pause();
+    }
+  }
+
+  /**
+   * Stop the video
+   */
+  stop() {
+    if (this.player) {
+      this.player.stop();
+    }
+  }
+
+  /**
+   * Destroy the player and clean up resources
+   */
+  destroy() {
+    if (this.player) {
+      this.player.stop();
+      this.player = null;
+    }
+    this.isReady = false;
+    this.error = null;
+    this.ptzAvailable = false;
+  }
+
+  /**
+   * Get the underlying WRPlayer instance
+   * @returns {WRPlayer|null}
+   */
+  getPlayer() {
+    return this.player;
+  }
+
+  /**
+   * Check if PTZ control is available
+   * @returns {boolean}
+   */
+  isPtzAvailable() {
+    return this.ptzAvailable;
+  }
+
+  /**
+   * Get PTZ controller
+   * @returns {PTZController|null}
+   */
+  getPtz() {
+    return this.player?.ptz || null;
+  }
+
+  /**
+   * PTZ movement control
+   * @param {string} direction - Direction ('up', 'down', 'left', 'right', 'stop')
+   * @param {number} [speed] - Speed (1-100)
+   * @returns {Promise}
+   */
+  ptzMove(direction, speed) {
+    if (this.player?.ptz) {
+      return this.player.ptz.move(direction, speed);
+    }
+    return Promise.reject(new Error('PTZ not available'));
+  }
+
+  /**
+   * PTZ zoom control
+   * @param {string} direction - Direction ('in', 'out')
+   * @param {number} [speed] - Speed (1-100)
+   * @returns {Promise}
+   */
+  ptzZoom(direction, speed) {
+    if (this.player?.ptz) {
+      return this.player.ptz.zoom(direction, speed);
+    }
+    return Promise.reject(new Error('PTZ not available'));
+  }
+
+  /**
+   * PTZ focus control
+   * @param {string} direction - Direction ('near', 'far')
+   * @param {number} [speed] - Speed (1-100)
+   * @returns {Promise}
+   */
+  ptzFocus(direction, speed) {
+    if (this.player?.ptz) {
+      return this.player.ptz.focus(direction, speed);
+    }
+    return Promise.reject(new Error('PTZ not available'));
+  }
+
+  /**
+   * PTZ iris control
+   * @param {string} direction - Direction ('in', 'out')
+   * @param {number} [speed] - Speed (1-100)
+   * @returns {Promise}
+   */
+  ptzIris(direction, speed) {
+    if (this.player?.ptz) {
+      return this.player.ptz.iris(direction, speed);
+    }
+    return Promise.reject(new Error('PTZ not available'));
+  }
+
+  /**
+   * Stop all PTZ movements
+   * @returns {Promise}
+   */
+  ptzStop() {
+    if (this.player?.ptz) {
+      return this.player.ptz.stop();
+    }
+    return Promise.reject(new Error('PTZ not available'));
+  }
+
+  /**
+   * Set PTZ control speed
+   * @param {number} speed - Speed (1-100)
+   * @returns {WRPlayerWrapper}
+   */
+  ptzSetSpeed(speed) {
+    if (this.player?.ptz) {
+      this.player.ptz.setSpeed(speed);
+    }
+    return this;
+  }
+
+  /**
+   * Get current PTZ speed
+   * @returns {number}
+   */
+  ptzGetSpeed() {
+    return this.player?.ptz?.getSpeed() || 50;
+  }
+
+  /**
+   * Save current position as preset
+   * @param {number} presetId - Preset ID (1-255)
+   * @returns {Promise}
+   */
+  ptzSavePreset(presetId) {
+    if (this.player?.ptz?.preset) {
+      return this.player.ptz.preset.save(presetId);
+    }
+    return Promise.reject(new Error('PTZ preset not available'));
+  }
+
+  /**
+   * Call a preset
+   * @param {number} presetId - Preset ID
+   * @returns {Promise}
+   */
+  ptzCallPreset(presetId) {
+    if (this.player?.ptz?.preset) {
+      return this.player.ptz.preset.call(presetId);
+    }
+    return Promise.reject(new Error('PTZ preset not available'));
+  }
+
+  /**
+   * Delete a preset
+   * @param {number} presetId - Preset ID
+   * @returns {Promise}
+   */
+  ptzDeletePreset(presetId) {
+    if (this.player?.ptz?.preset) {
+      return this.player.ptz.preset.delete(presetId);
+    }
+    return Promise.reject(new Error('PTZ preset not available'));
+  }
+
+  /**
+   * List all presets
+   * @returns {Promise<Array>}
+   */
+  ptzListPresets() {
+    if (this.player?.ptz?.preset) {
+      return this.player.ptz.preset.list();
+    }
+    return Promise.reject(new Error('PTZ preset not available'));
+  }
+
+  /**
+   * Start cruise
+   * @param {number} [cruiseId=1] - Cruise ID
+   * @returns {Promise}
+   */
+  ptzStartCruise(cruiseId = 1) {
+    if (this.player?.ptz?.cruise) {
+      return this.player.ptz.cruise.start(cruiseId);
+    }
+    return Promise.reject(new Error('PTZ cruise not available'));
+  }
+
+  /**
+   * Stop cruise
+   * @param {number} [cruiseId=1] - Cruise ID
+   * @returns {Promise}
+   */
+  ptzStopCruise(cruiseId = 1) {
+    if (this.player?.ptz?.cruise) {
+      return this.player.ptz.cruise.stop(cruiseId);
+    }
+    return Promise.reject(new Error('PTZ cruise not available'));
+  }
+
+  /**
+   * Start scan
+   * @param {number} [scanId=1] - Scan ID
+   * @returns {Promise}
+   */
+  ptzStartScan(scanId = 1) {
+    if (this.player?.ptz?.scan) {
+      return this.player.ptz.scan.start(scanId);
+    }
+    return Promise.reject(new Error('PTZ scan not available'));
+  }
+
+  /**
+   * Stop scan
+   * @param {number} [scanId=1] - Scan ID
+   * @returns {Promise}
+   */
+  ptzStopScan(scanId = 1) {
+    if (this.player?.ptz?.scan) {
+      return this.player.ptz.scan.stop(scanId);
+    }
+    return Promise.reject(new Error('PTZ scan not available'));
+  }
+
+  /**
+   * Set scan left boundary
+   * @param {number} [scanId=1] - Scan ID
+   * @returns {Promise}
+   */
+  ptzSetScanLeftBoundary(scanId = 1) {
+    if (this.player?.ptz?.scan) {
+      return this.player.ptz.scan.setLeftBoundary(scanId);
+    }
+    return Promise.reject(new Error('PTZ scan not available'));
+  }
+
+  /**
+   * Set scan right boundary
+   * @param {number} [scanId=1] - Scan ID
+   * @returns {Promise}
+   */
+  ptzSetScanRightBoundary(scanId = 1) {
+    if (this.player?.ptz?.scan) {
+      return this.player.ptz.scan.setRightBoundary(scanId);
+    }
+    return Promise.reject(new Error('PTZ scan not available'));
+  }
+}
+
+/**
+ * Factory function to create WRPlayer instances
+ * @param {HTMLVideoElement|string} element - Video element or selector
+ * @param {Object} config - Player configuration
+ * @param {Object} [callbacks] - Event callbacks
+ * @returns {WRPlayerWrapper}
+ */
+export function createWRPlayer(element, config, callbacks) {
+  return new WRPlayerWrapper(element, config, callbacks);
+}
+
+export default { WRPlayerWrapper, createWRPlayer };