@frameset/plex-player 1.0.3 → 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/dist/plex-player.cjs.js +3 -1
  2. package/dist/plex-player.cjs.js.map +1 -1
  3. package/dist/plex-player.css +246 -287
  4. package/dist/plex-player.css.map +1 -1
  5. package/dist/plex-player.esm.js +3 -1
  6. package/dist/plex-player.esm.js.map +1 -1
  7. package/dist/plex-player.js +3 -1
  8. package/dist/plex-player.js.map +1 -1
  9. package/dist/plex-player.min.js +2 -2
  10. package/dist/plex-player.min.js.map +1 -1
  11. package/dist/react/index.esm.js +2 -2
  12. package/dist/react/index.esm.js.map +1 -1
  13. package/dist/react/index.js +2 -2
  14. package/dist/react/index.js.map +1 -1
  15. package/dist/vue/index.esm.js +2 -2
  16. package/dist/vue/index.esm.js.map +1 -1
  17. package/dist/vue/index.js +2 -2
  18. package/dist/vue/index.js.map +1 -1
  19. package/package.json +1 -1
  20. package/src/core/index.js +2 -0
  21. package/src/react/index.jsx +1 -1
  22. package/src/vue/index.js +1 -1
package/dist/plex-player.min.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"plex-player.min.js","sources":["../src/core/index.js"],"sourcesContent":["/**\r\n * @frameset/plex-player - Core Entry Point\r\n * Professional Video Player by FRAMESET Studio\r\n * https://frameset.dev\r\n */\r\n\r\n/**\r\n * Utility Functions\r\n */\r\nconst Utils = {\r\n formatTime(seconds) {\r\n if (isNaN(seconds) || !isFinite(seconds)) return '0:00';\r\n seconds = Math.max(0, Math.floor(seconds));\r\n const hours = Math.floor(seconds / 3600);\r\n const minutes = Math.floor((seconds % 3600) / 60);\r\n const secs = seconds % 60;\r\n if (hours > 0) {\r\n return `${hours}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;\r\n }\r\n return `${minutes}:${secs.toString().padStart(2, '0')}`;\r\n },\r\n\r\n clamp(num, min, max) {\r\n return Math.min(Math.max(num, min), max);\r\n },\r\n\r\n throttle(fn, delay) {\r\n let lastCall = 0;\r\n return function (...args) {\r\n const now = Date.now();\r\n if (now - lastCall >= delay) {\r\n lastCall = now;\r\n return fn.apply(this, args);\r\n }\r\n };\r\n },\r\n\r\n debounce(fn, delay) {\r\n let timeoutId;\r\n return function (...args) {\r\n clearTimeout(timeoutId);\r\n timeoutId = setTimeout(() => fn.apply(this, args), delay);\r\n };\r\n }\r\n};\r\n\r\n/**\r\n * PlexPlayer - Main Player Class\r\n * A complete, standalone video player\r\n */\r\nclass PlexPlayer {\r\n constructor(options = {}) {\r\n // Validate container\r\n if (!options.container) {\r\n throw new Error('PlexPlayer: container option is required');\r\n }\r\n\r\n // Get container element\r\n this.container = typeof options.container === 'string'\r\n ? document.querySelector(options.container)\r\n : options.container;\r\n\r\n if (!this.container) {\r\n throw new Error('PlexPlayer: container element not found');\r\n }\r\n\r\n // Store options with defaults\r\n this.options = {\r\n autoplay: false,\r\n muted: false,\r\n loop: false,\r\n volume: 1,\r\n poster: '',\r\n preload: 'metadata',\r\n keyboard: true,\r\n touch: true,\r\n pip: true,\r\n cast: true,\r\n fullscreen: true,\r\n controlsHideDelay: 3000,\r\n theme: {},\r\n subtitles: {},\r\n ads: { enabled: false },\r\n i18n: {},\r\n ...options,\r\n };\r\n\r\n // Internationalization with defaults\r\n this.i18n = {\r\n play: 'Play',\r\n pause: 'Pause',\r\n mute: 'Mute',\r\n unmute: 'Unmute',\r\n fullscreen: 'Fullscreen',\r\n exitFullscreen: 'Exit Fullscreen',\r\n pip: 'Picture-in-Picture',\r\n exitPip: 'Exit Picture-in-Picture',\r\n settings: 'Settings',\r\n speed: 'Speed',\r\n quality: 'Quality',\r\n subtitles: 'Subtitles',\r\n off: 'Off',\r\n normal: 'Normal',\r\n captions: 'Captions',\r\n audio: 'Audio',\r\n volume: 'Volume',\r\n seekForward: 'Seek Forward',\r\n seekBackward: 'Seek Backward',\r\n ...this.options.i18n,\r\n };\r\n\r\n // Internal state\r\n this._eventListeners = new Map();\r\n this._state = {\r\n playing: false,\r\n paused: true,\r\n muted: this.options.muted,\r\n volume: this.options.volume,\r\n currentTime: 0,\r\n duration: 0,\r\n buffered: 0,\r\n fullscreen: false,\r\n pip: false,\r\n playbackRate: 1,\r\n };\r\n\r\n // Playlist state\r\n this._playlist = [];\r\n this._currentIndex = 0;\r\n\r\n // Controls timeout\r\n this._controlsTimeout = null;\r\n\r\n // Initialize player\r\n this._init();\r\n }\r\n\r\n _init() {\r\n // Add player class\r\n this.container.classList.add('plex-player');\r\n\r\n // Apply theme\r\n this._applyTheme();\r\n\r\n // Create DOM structure\r\n this._createDOM();\r\n\r\n // Bind events\r\n this._bindEvents();\r\n\r\n // Initialize features\r\n if (this.options.keyboard) this._initKeyboard();\r\n if (this.options.touch) this._initTouch();\r\n if (this.options.pip) this._initPiP();\r\n if (this.options.cast) this._initCast();\r\n\r\n // Emit ready event\r\n setTimeout(() => this._emit('ready'), 0);\r\n }\r\n\r\n _applyTheme() {\r\n const { theme } = this.options;\r\n if (theme.primary) this.container.style.setProperty('--plex-primary', theme.primary);\r\n if (theme.background) this.container.style.setProperty('--plex-bg', theme.background);\r\n if (theme.text) this.container.style.setProperty('--plex-text', theme.text);\r\n if (theme.borderRadius) this.container.style.setProperty('--plex-border-radius', theme.borderRadius);\r\n }\r\n\r\n _createDOM() {\r\n // Video element\r\n this.video = document.createElement('video');\r\n this.video.className = 'plex-video';\r\n this.video.setAttribute('playsinline', '');\r\n this.video.setAttribute('webkit-playsinline', '');\r\n this.video.preload = this.options.preload;\r\n this.video.muted = this.options.muted;\r\n this.video.volume = this.options.volume;\r\n this.video.loop = this.options.loop;\r\n if (this.options.poster) this.video.poster = this.options.poster;\r\n this.container.appendChild(this.video);\r\n\r\n // Controls overlay\r\n this.controls = document.createElement('div');\r\n this.controls.className = 'plex-controls';\r\n this.controls.innerHTML = this._getControlsHTML();\r\n this.container.appendChild(this.controls);\r\n\r\n // Cache control elements\r\n this._cacheElements();\r\n\r\n // Big play button\r\n this.bigPlayBtn = document.createElement('div');\r\n this.bigPlayBtn.className = 'plex-big-play';\r\n this.bigPlayBtn.innerHTML = `<svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"/></svg>`;\r\n this.container.appendChild(this.bigPlayBtn);\r\n\r\n // Loading spinner\r\n this.loader = document.createElement('div');\r\n this.loader.className = 'plex-loader';\r\n this.loader.innerHTML = '<div class=\"plex-spinner\"></div>';\r\n this.container.appendChild(this.loader);\r\n }\r\n\r\n _getControlsHTML() {\r\n const i18n = this.i18n;\r\n return `\r\n <div class=\"plex-progress-container\">\r\n <div class=\"plex-progress-bar\">\r\n <div class=\"plex-progress-buffered\"></div>\r\n <div class=\"plex-progress-played\"></div>\r\n <div class=\"plex-progress-handle\"></div>\r\n </div>\r\n <div class=\"plex-progress-preview\">\r\n <div class=\"plex-preview-time\">0:00</div>\r\n </div>\r\n </div>\r\n <div class=\"plex-controls-bar\">\r\n <div class=\"plex-controls-left\">\r\n <button class=\"plex-btn plex-play-btn\" title=\"${i18n.play || 'Play'}\">\r\n <svg class=\"plex-icon-play\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"/></svg>\r\n <svg class=\"plex-icon-pause\" viewBox=\"0 0 24 24\"><path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"/></svg>\r\n </button>\r\n <button class=\"plex-btn plex-prev-btn\" title=\"${i18n.previous || 'Previous'}\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 6h2v12H6zm3.5 6l8.5 6V6z\"/></svg>\r\n </button>\r\n <button class=\"plex-btn plex-next-btn\" title=\"${i18n.next || 'Next'}\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z\"/></svg>\r\n </button>\r\n <div class=\"plex-volume-container\">\r\n <button class=\"plex-btn plex-volume-btn\" title=\"${i18n.mute || 'Mute'}\">\r\n <svg class=\"plex-icon-volume-high\" viewBox=\"0 0 24 24\"><path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"/></svg>\r\n <svg class=\"plex-icon-volume-low\" viewBox=\"0 0 24 24\"><path d=\"M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z\"/></svg>\r\n <svg class=\"plex-icon-volume-mute\" viewBox=\"0 0 24 24\"><path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"/></svg>\r\n </button>\r\n <div class=\"plex-volume-slider\">\r\n <div class=\"plex-volume-track\">\r\n <div class=\"plex-volume-level\"></div>\r\n <div class=\"plex-volume-handle\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"plex-time\">\r\n <span class=\"plex-time-current\">0:00</span>\r\n <span class=\"plex-time-separator\">/</span>\r\n <span class=\"plex-time-duration\">0:00</span>\r\n </div>\r\n </div>\r\n <div class=\"plex-controls-right\">\r\n <button class=\"plex-btn plex-settings-btn\" title=\"${i18n.settings || 'Settings'}\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z\"/></svg>\r\n </button>\r\n ${this.options.pip ? `\r\n <button class=\"plex-btn plex-pip-btn\" title=\"${i18n.pip || 'Picture-in-Picture'}\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 7h-8v6h8V7zm2-4H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14z\"/></svg>\r\n </button>\r\n ` : ''}\r\n ${this.options.cast ? `\r\n <button class=\"plex-btn plex-cast-btn\" title=\"${i18n.cast || 'Cast'}\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v3h2V5h18v14h-7v2h7c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM1 18v3h3c0-1.66-1.34-3-3-3zm0-4v2c2.76 0 5 2.24 5 5h2c0-3.87-3.13-7-7-7zm0-4v2c4.97 0 9 4.03 9 9h2c0-6.08-4.93-11-11-11z\"/></svg>\r\n </button>\r\n ` : ''}\r\n ${this.options.fullscreen ? `\r\n <button class=\"plex-btn plex-fullscreen-btn\" title=\"${i18n.fullscreen || 'Fullscreen'}\">\r\n <svg class=\"plex-icon-fullscreen\" viewBox=\"0 0 24 24\"><path d=\"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z\"/></svg>\r\n <svg class=\"plex-icon-fullscreen-exit\" viewBox=\"0 0 24 24\"><path d=\"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z\"/></svg>\r\n </button>\r\n ` : ''}\r\n </div>\r\n </div>\r\n `;\r\n }\r\n\r\n _cacheElements() {\r\n const $ = (sel) => this.controls.querySelector(sel);\r\n \r\n this.els = {\r\n progressContainer: $('.plex-progress-container'),\r\n progressBar: $('.plex-progress-bar'),\r\n progressBuffered: $('.plex-progress-buffered'),\r\n progressPlayed: $('.plex-progress-played'),\r\n progressHandle: $('.plex-progress-handle'),\r\n progressPreview: $('.plex-progress-preview'),\r\n previewTime: $('.plex-preview-time'),\r\n playBtn: $('.plex-play-btn'),\r\n prevBtn: $('.plex-prev-btn'),\r\n nextBtn: $('.plex-next-btn'),\r\n volumeBtn: $('.plex-volume-btn'),\r\n volumeSlider: $('.plex-volume-slider'),\r\n volumeTrack: $('.plex-volume-track'),\r\n volumeLevel: $('.plex-volume-level'),\r\n volumeHandle: $('.plex-volume-handle'),\r\n timeCurrent: $('.plex-time-current'),\r\n timeDuration: $('.plex-time-duration'),\r\n settingsBtn: $('.plex-settings-btn'),\r\n pipBtn: $('.plex-pip-btn'),\r\n castBtn: $('.plex-cast-btn'),\r\n fullscreenBtn: $('.plex-fullscreen-btn'),\r\n };\r\n }\r\n\r\n _bindEvents() {\r\n // Video events\r\n this.video.addEventListener('play', () => this._onPlay());\r\n this.video.addEventListener('pause', () => this._onPause());\r\n this.video.addEventListener('ended', () => this._onEnded());\r\n this.video.addEventListener('timeupdate', () => this._onTimeUpdate());\r\n this.video.addEventListener('progress', () => this._onProgress());\r\n this.video.addEventListener('loadedmetadata', () => this._onLoadedMetadata());\r\n this.video.addEventListener('volumechange', () => this._onVolumeChange());\r\n this.video.addEventListener('waiting', () => this._onWaiting());\r\n this.video.addEventListener('canplay', () => this._onCanPlay());\r\n this.video.addEventListener('error', (e) => this._onError(e));\r\n\r\n // Control events\r\n this.bigPlayBtn.addEventListener('click', () => this.togglePlay());\r\n this.video.addEventListener('click', () => this.togglePlay());\r\n \r\n this.els.playBtn?.addEventListener('click', () => this.togglePlay());\r\n this.els.prevBtn?.addEventListener('click', () => this.previous());\r\n this.els.nextBtn?.addEventListener('click', () => this.next());\r\n this.els.volumeBtn?.addEventListener('click', () => this.toggleMute());\r\n this.els.pipBtn?.addEventListener('click', () => this.togglePiP());\r\n this.els.fullscreenBtn?.addEventListener('click', () => this.toggleFullscreen());\r\n\r\n // Progress bar\r\n this._bindProgressEvents();\r\n \r\n // Volume slider\r\n this._bindVolumeEvents();\r\n\r\n // Controls visibility\r\n this._bindControlsVisibility();\r\n\r\n // Fullscreen change\r\n document.addEventListener('fullscreenchange', () => this._onFullscreenChange());\r\n document.addEventListener('webkitfullscreenchange', () => this._onFullscreenChange());\r\n }\r\n\r\n _bindProgressEvents() {\r\n const progress = this.els.progressContainer;\r\n if (!progress) return;\r\n\r\n let isDragging = false;\r\n\r\n const seek = (e) => {\r\n const rect = this.els.progressBar.getBoundingClientRect();\r\n const percent = Utils.clamp((e.clientX - rect.left) / rect.width, 0, 1);\r\n this.seekPercent(percent * 100);\r\n };\r\n\r\n const updatePreview = (e) => {\r\n const rect = this.els.progressBar.getBoundingClientRect();\r\n const percent = Utils.clamp((e.clientX - rect.left) / rect.width, 0, 1);\r\n const time = percent * this.video.duration;\r\n \r\n if (this.els.previewTime) {\r\n this.els.previewTime.textContent = Utils.formatTime(time);\r\n }\r\n if (this.els.progressPreview) {\r\n const left = Utils.clamp(e.clientX - rect.left, 30, rect.width - 30);\r\n this.els.progressPreview.style.left = `${left}px`;\r\n }\r\n };\r\n\r\n progress.addEventListener('mousedown', (e) => {\r\n isDragging = true;\r\n seek(e);\r\n });\r\n\r\n progress.addEventListener('mousemove', (e) => {\r\n updatePreview(e);\r\n if (isDragging) seek(e);\r\n });\r\n\r\n document.addEventListener('mouseup', () => {\r\n isDragging = false;\r\n });\r\n\r\n document.addEventListener('mousemove', (e) => {\r\n if (isDragging) seek(e);\r\n });\r\n }\r\n\r\n _bindVolumeEvents() {\r\n const volumeTrack = this.els.volumeTrack;\r\n if (!volumeTrack) return;\r\n\r\n let isDragging = false;\r\n\r\n const setVolume = (e) => {\r\n const rect = volumeTrack.getBoundingClientRect();\r\n const percent = Utils.clamp((e.clientX - rect.left) / rect.width, 0, 1);\r\n this.setVolume(percent);\r\n };\r\n\r\n volumeTrack.addEventListener('mousedown', (e) => {\r\n isDragging = true;\r\n setVolume(e);\r\n });\r\n\r\n document.addEventListener('mousemove', (e) => {\r\n if (isDragging) setVolume(e);\r\n });\r\n\r\n document.addEventListener('mouseup', () => {\r\n isDragging = false;\r\n });\r\n }\r\n\r\n _bindControlsVisibility() {\r\n const showControls = () => {\r\n this.container.classList.add('plex-controls-visible');\r\n clearTimeout(this._controlsTimeout);\r\n if (this._state.playing) {\r\n this._controlsTimeout = setTimeout(() => {\r\n this.container.classList.remove('plex-controls-visible');\r\n }, this.options.controlsHideDelay);\r\n }\r\n };\r\n\r\n this.container.addEventListener('mousemove', showControls);\r\n this.container.addEventListener('mouseenter', showControls);\r\n this.container.addEventListener('mouseleave', () => {\r\n if (this._state.playing) {\r\n this.container.classList.remove('plex-controls-visible');\r\n }\r\n });\r\n\r\n // Always show when paused\r\n this.video.addEventListener('pause', showControls);\r\n }\r\n\r\n // Event handlers\r\n _onPlay() {\r\n this._state.playing = true;\r\n this._state.paused = false;\r\n this.container.classList.add('plex-playing');\r\n this.container.classList.remove('plex-paused');\r\n this.bigPlayBtn.style.display = 'none';\r\n this._emit('play');\r\n }\r\n\r\n _onPause() {\r\n this._state.playing = false;\r\n this._state.paused = true;\r\n this.container.classList.remove('plex-playing');\r\n this.container.classList.add('plex-paused');\r\n this.bigPlayBtn.style.display = '';\r\n this._emit('pause');\r\n }\r\n\r\n _onEnded() {\r\n this._state.playing = false;\r\n this.container.classList.remove('plex-playing');\r\n \r\n // Auto-play next if playlist\r\n if (this._playlist.length > 0 && this._currentIndex < this._playlist.length - 1) {\r\n this.next();\r\n } else {\r\n this._emit('ended');\r\n }\r\n }\r\n\r\n _onTimeUpdate() {\r\n this._state.currentTime = this.video.currentTime;\r\n const percent = (this.video.currentTime / this.video.duration) * 100;\r\n \r\n if (this.els.progressPlayed) {\r\n this.els.progressPlayed.style.width = `${percent}%`;\r\n }\r\n if (this.els.progressHandle) {\r\n this.els.progressHandle.style.left = `${percent}%`;\r\n }\r\n if (this.els.timeCurrent) {\r\n this.els.timeCurrent.textContent = Utils.formatTime(this.video.currentTime);\r\n }\r\n\r\n this._emit('timeupdate', {\r\n currentTime: this.video.currentTime,\r\n duration: this.video.duration\r\n });\r\n }\r\n\r\n _onProgress() {\r\n const buffered = this.video.buffered;\r\n if (buffered.length > 0) {\r\n const percent = (buffered.end(buffered.length - 1) / this.video.duration) * 100;\r\n this._state.buffered = percent;\r\n if (this.els.progressBuffered) {\r\n this.els.progressBuffered.style.width = `${percent}%`;\r\n }\r\n this._emit('progress', { buffered: percent });\r\n }\r\n }\r\n\r\n _onLoadedMetadata() {\r\n this._state.duration = this.video.duration;\r\n if (this.els.timeDuration) {\r\n this.els.timeDuration.textContent = Utils.formatTime(this.video.duration);\r\n }\r\n this._emit('loadedmetadata', { duration: this.video.duration });\r\n }\r\n\r\n _onVolumeChange() {\r\n this._state.volume = this.video.volume;\r\n this._state.muted = this.video.muted;\r\n \r\n const volume = this.video.muted ? 0 : this.video.volume;\r\n \r\n // Update volume UI\r\n if (this.els.volumeLevel) {\r\n this.els.volumeLevel.style.width = `${volume * 100}%`;\r\n }\r\n if (this.els.volumeHandle) {\r\n this.els.volumeHandle.style.left = `${volume * 100}%`;\r\n }\r\n\r\n // Update icon\r\n this.container.classList.remove('plex-muted', 'plex-volume-low');\r\n if (this.video.muted || volume === 0) {\r\n this.container.classList.add('plex-muted');\r\n } else if (volume < 0.5) {\r\n this.container.classList.add('plex-volume-low');\r\n }\r\n\r\n this._emit('volumechange', { volume: this.video.volume, muted: this.video.muted });\r\n }\r\n\r\n _onWaiting() {\r\n this.container.classList.add('plex-loading');\r\n this._emit('waiting');\r\n }\r\n\r\n _onCanPlay() {\r\n this.container.classList.remove('plex-loading');\r\n this._emit('canplay');\r\n }\r\n\r\n _onError(e) {\r\n this._emit('error', {\r\n code: this.video.error?.code,\r\n message: this.video.error?.message\r\n });\r\n }\r\n\r\n _onFullscreenChange() {\r\n const isFullscreen = !!(document.fullscreenElement || document.webkitFullscreenElement);\r\n this._state.fullscreen = isFullscreen;\r\n \r\n if (isFullscreen) {\r\n this.container.classList.add('plex-fullscreen');\r\n } else {\r\n this.container.classList.remove('plex-fullscreen');\r\n }\r\n\r\n this._emit('fullscreenchange', { isFullscreen });\r\n }\r\n\r\n // Keyboard support\r\n _initKeyboard() {\r\n this._keyHandler = (e) => {\r\n if (!this.container.contains(document.activeElement) && \r\n document.activeElement !== document.body) return;\r\n\r\n switch (e.key) {\r\n case ' ':\r\n case 'k':\r\n e.preventDefault();\r\n this.togglePlay();\r\n break;\r\n case 'ArrowLeft':\r\n e.preventDefault();\r\n this.seek(this.video.currentTime - 10);\r\n break;\r\n case 'ArrowRight':\r\n e.preventDefault();\r\n this.seek(this.video.currentTime + 10);\r\n break;\r\n case 'ArrowUp':\r\n e.preventDefault();\r\n this.setVolume(Math.min(1, this.video.volume + 0.1));\r\n break;\r\n case 'ArrowDown':\r\n e.preventDefault();\r\n this.setVolume(Math.max(0, this.video.volume - 0.1));\r\n break;\r\n case 'm':\r\n this.toggleMute();\r\n break;\r\n case 'f':\r\n this.toggleFullscreen();\r\n break;\r\n case 'p':\r\n this.togglePiP();\r\n break;\r\n case 'n':\r\n if (e.shiftKey) {\r\n this.previous();\r\n } else {\r\n this.next();\r\n }\r\n break;\r\n }\r\n };\r\n document.addEventListener('keydown', this._keyHandler);\r\n }\r\n\r\n // Touch support\r\n _initTouch() {\r\n let touchStartX = 0;\r\n let touchStartY = 0;\r\n let touchStartTime = 0;\r\n\r\n this.video.addEventListener('touchstart', (e) => {\r\n touchStartX = e.touches[0].clientX;\r\n touchStartY = e.touches[0].clientY;\r\n touchStartTime = Date.now();\r\n });\r\n\r\n this.video.addEventListener('touchend', (e) => {\r\n const touchEndX = e.changedTouches[0].clientX;\r\n const touchEndY = e.changedTouches[0].clientY;\r\n const touchDuration = Date.now() - touchStartTime;\r\n \r\n const deltaX = touchEndX - touchStartX;\r\n const deltaY = touchEndY - touchStartY;\r\n\r\n // Tap to toggle play (if quick tap)\r\n if (Math.abs(deltaX) < 30 && Math.abs(deltaY) < 30 && touchDuration < 300) {\r\n this.togglePlay();\r\n }\r\n // Swipe to seek\r\n else if (Math.abs(deltaX) > 50 && Math.abs(deltaY) < 30) {\r\n if (deltaX > 0) {\r\n this.seek(this.video.currentTime + 10);\r\n } else {\r\n this.seek(this.video.currentTime - 10);\r\n }\r\n }\r\n });\r\n }\r\n\r\n // PiP support\r\n _initPiP() {\r\n if (!document.pictureInPictureEnabled) {\r\n if (this.els.pipBtn) {\r\n this.els.pipBtn.style.display = 'none';\r\n }\r\n return;\r\n }\r\n\r\n this.video.addEventListener('enterpictureinpicture', () => {\r\n this._state.pip = true;\r\n this.container.classList.add('plex-pip');\r\n this._emit('enterpip');\r\n });\r\n\r\n this.video.addEventListener('leavepictureinpicture', () => {\r\n this._state.pip = false;\r\n this.container.classList.remove('plex-pip');\r\n this._emit('leavepip');\r\n });\r\n }\r\n\r\n // Cast support\r\n _initCast() {\r\n // Chromecast requires HTTPS and specific browser\r\n const isChrome = /Chrome/.test(navigator.userAgent) && !/Edge/.test(navigator.userAgent);\r\n const isHTTPS = location.protocol === 'https:' || location.hostname === 'localhost';\r\n \r\n if (!isChrome || !isHTTPS) {\r\n if (this.els.castBtn) {\r\n this.els.castBtn.style.display = 'none';\r\n }\r\n return;\r\n }\r\n\r\n // Load Cast SDK if available\r\n if (window.chrome && window.chrome.cast) {\r\n this._initCastApi();\r\n } else {\r\n window['__onGCastApiAvailable'] = (isAvailable) => {\r\n if (isAvailable) this._initCastApi();\r\n };\r\n }\r\n }\r\n\r\n _initCastApi() {\r\n if (this.els.castBtn) {\r\n this.els.castBtn.addEventListener('click', () => {\r\n if (window.cast && window.cast.framework) {\r\n const context = cast.framework.CastContext.getInstance();\r\n context.requestSession();\r\n }\r\n });\r\n }\r\n }\r\n\r\n // Event system\r\n on(event, callback) {\r\n if (!this._eventListeners.has(event)) {\r\n this._eventListeners.set(event, new Set());\r\n }\r\n this._eventListeners.get(event).add(callback);\r\n return this;\r\n }\r\n\r\n off(event, callback) {\r\n if (this._eventListeners.has(event)) {\r\n this._eventListeners.get(event).delete(callback);\r\n }\r\n return this;\r\n }\r\n\r\n _emit(event, data = {}) {\r\n if (this._eventListeners.has(event)) {\r\n this._eventListeners.get(event).forEach(callback => {\r\n try {\r\n callback(data);\r\n } catch (e) {\r\n console.error(`PlexPlayer: Error in ${event} handler:`, e);\r\n }\r\n });\r\n }\r\n }\r\n\r\n // Public API\r\n load(src, poster) {\r\n this.video.src = src;\r\n if (poster) this.video.poster = poster;\r\n this.video.load();\r\n \r\n if (this.options.autoplay) {\r\n this.play();\r\n }\r\n return this;\r\n }\r\n\r\n loadPlaylist(items) {\r\n this._playlist = items.map((item, index) => ({\r\n ...item,\r\n index\r\n }));\r\n this._currentIndex = 0;\r\n \r\n if (this._playlist.length > 0) {\r\n const first = this._playlist[0];\r\n this.load(first.src, first.poster);\r\n this._emit('playlistload', { playlist: this._playlist });\r\n }\r\n return this;\r\n }\r\n\r\n play() {\r\n return this.video.play();\r\n }\r\n\r\n pause() {\r\n this.video.pause();\r\n return this;\r\n }\r\n\r\n togglePlay() {\r\n if (this.video.paused) {\r\n this.play();\r\n } else {\r\n this.pause();\r\n }\r\n return this;\r\n }\r\n\r\n seek(time) {\r\n this.video.currentTime = Utils.clamp(time, 0, this.video.duration || 0);\r\n return this;\r\n }\r\n\r\n seekPercent(percent) {\r\n const time = (percent / 100) * this.video.duration;\r\n return this.seek(time);\r\n }\r\n\r\n setVolume(level) {\r\n this.video.volume = Utils.clamp(level, 0, 1);\r\n if (this.video.muted && level > 0) {\r\n this.video.muted = false;\r\n }\r\n return this;\r\n }\r\n\r\n getVolume() {\r\n return this.video.volume;\r\n }\r\n\r\n mute() {\r\n this.video.muted = true;\r\n return this;\r\n }\r\n\r\n unmute() {\r\n this.video.muted = false;\r\n return this;\r\n }\r\n\r\n toggleMute() {\r\n this.video.muted = !this.video.muted;\r\n return this;\r\n }\r\n\r\n setPlaybackRate(rate) {\r\n this.video.playbackRate = rate;\r\n this._state.playbackRate = rate;\r\n this._emit('ratechange', { rate });\r\n return this;\r\n }\r\n\r\n getPlaybackRate() {\r\n return this.video.playbackRate;\r\n }\r\n\r\n enterFullscreen() {\r\n const el = this.container;\r\n if (el.requestFullscreen) {\r\n return el.requestFullscreen();\r\n } else if (el.webkitRequestFullscreen) {\r\n return el.webkitRequestFullscreen();\r\n }\r\n }\r\n\r\n exitFullscreen() {\r\n if (document.exitFullscreen) {\r\n return document.exitFullscreen();\r\n } else if (document.webkitExitFullscreen) {\r\n return document.webkitExitFullscreen();\r\n }\r\n }\r\n\r\n toggleFullscreen() {\r\n if (this._state.fullscreen) {\r\n this.exitFullscreen();\r\n } else {\r\n this.enterFullscreen();\r\n }\r\n return this;\r\n }\r\n\r\n enterPiP() {\r\n if (document.pictureInPictureEnabled && this.video !== document.pictureInPictureElement) {\r\n return this.video.requestPictureInPicture();\r\n }\r\n }\r\n\r\n exitPiP() {\r\n if (document.pictureInPictureElement) {\r\n return document.exitPictureInPicture();\r\n }\r\n }\r\n\r\n togglePiP() {\r\n if (this._state.pip) {\r\n this.exitPiP();\r\n } else {\r\n this.enterPiP();\r\n }\r\n return this;\r\n }\r\n\r\n next() {\r\n if (this._playlist.length > 0 && this._currentIndex < this._playlist.length - 1) {\r\n this._currentIndex++;\r\n const item = this._playlist[this._currentIndex];\r\n this.load(item.src, item.poster);\r\n this.play();\r\n this._emit('trackchange', { index: this._currentIndex, item });\r\n }\r\n return this;\r\n }\r\n\r\n previous() {\r\n if (this._playlist.length > 0 && this._currentIndex > 0) {\r\n this._currentIndex--;\r\n const item = this._playlist[this._currentIndex];\r\n this.load(item.src, item.poster);\r\n this.play();\r\n this._emit('trackchange', { index: this._currentIndex, item });\r\n }\r\n return this;\r\n }\r\n\r\n playAt(index) {\r\n if (this._playlist.length > 0 && index >= 0 && index < this._playlist.length) {\r\n this._currentIndex = index;\r\n const item = this._playlist[this._currentIndex];\r\n this.load(item.src, item.poster);\r\n this.play();\r\n this._emit('trackchange', { index: this._currentIndex, item });\r\n }\r\n return this;\r\n }\r\n\r\n getState() {\r\n return {\r\n currentTime: this.video.currentTime,\r\n duration: this.video.duration || 0,\r\n volume: this.video.volume,\r\n muted: this.video.muted,\r\n isPlaying: !this.video.paused && !this.video.ended,\r\n isPaused: this.video.paused,\r\n isFullscreen: this._state.fullscreen,\r\n isPiP: this._state.pip,\r\n playbackRate: this.video.playbackRate,\r\n currentTrack: this._currentIndex,\r\n totalTracks: this._playlist.length,\r\n };\r\n }\r\n\r\n getVideo() {\r\n return this.video;\r\n }\r\n\r\n destroy() {\r\n // Clear timeouts\r\n clearTimeout(this._controlsTimeout);\r\n \r\n // Remove keyboard listener\r\n if (this._keyHandler) {\r\n document.removeEventListener('keydown', this._keyHandler);\r\n }\r\n \r\n // Remove event listeners\r\n this._eventListeners.clear();\r\n\r\n // Clear container\r\n this.container.innerHTML = '';\r\n this.container.classList.remove('plex-player');\r\n\r\n // Emit destroy event\r\n this._emit('destroy');\r\n }\r\n}\r\n\r\n// Export\r\nexport { PlexPlayer, Utils };\r\nexport default PlexPlayer;\r\n\r\n// Attach to window for UMD builds\r\nif (typeof window !== 'undefined') {\r\n window.PlexPlayer = PlexPlayer;\r\n}\r\n"],"names":["Utils","formatTime","seconds","isNaN","isFinite","Math","max","floor","hours","minutes","secs","toString","padStart","clamp","num","min","throttle","fn","delay","lastCall","args","now","Date","apply","this","debounce","timeoutId","clearTimeout","setTimeout","PlexPlayer","constructor","options","container","Error","document","querySelector","autoplay","muted","loop","volume","poster","preload","keyboard","touch","pip","cast","fullscreen","controlsHideDelay","theme","subtitles","ads","enabled","i18n","play","pause","mute","unmute","exitFullscreen","exitPip","settings","speed","quality","off","normal","captions","audio","seekForward","seekBackward","_eventListeners","Map","_state","playing","paused","currentTime","duration","buffered","playbackRate","_playlist","_currentIndex","_controlsTimeout","_init","classList","add","_applyTheme","_createDOM","_bindEvents","_initKeyboard","_initTouch","_initPiP","_initCast","_emit","primary","style","setProperty","background","text","borderRadius","video","createElement","className","setAttribute","appendChild","controls","innerHTML","_getControlsHTML","_cacheElements","bigPlayBtn","loader","previous","next","$","sel","els","progressContainer","progressBar","progressBuffered","progressPlayed","progressHandle","progressPreview","previewTime","playBtn","prevBtn","nextBtn","volumeBtn","volumeSlider","volumeTrack","volumeLevel","volumeHandle","timeCurrent","timeDuration","settingsBtn","pipBtn","castBtn","fullscreenBtn","addEventListener","_onPlay","_onPause","_onEnded","_onTimeUpdate","_onProgress","_onLoadedMetadata","_onVolumeChange","_onWaiting","_onCanPlay","e","_onError","togglePlay","toggleMute","togglePiP","toggleFullscreen","_bindProgressEvents","_bindVolumeEvents","_bindControlsVisibility","_onFullscreenChange","progress","isDragging","seek","rect","getBoundingClientRect","percent","clientX","left","width","seekPercent","updatePreview","time","textContent","setVolume","showControls","remove","display","length","end","code","error","message","isFullscreen","fullscreenElement","webkitFullscreenElement","_keyHandler","contains","activeElement","body","key","preventDefault","shiftKey","touchStartX","touchStartY","touchStartTime","touches","clientY","touchEndX","changedTouches","touchEndY","touchDuration","deltaX","deltaY","abs","pictureInPictureEnabled","isChrome","test","navigator","userAgent","isHTTPS","location","protocol","hostname","window","chrome","_initCastApi","isAvailable","framework","CastContext","getInstance","requestSession","on","event","callback","has","set","Set","get","delete","data","forEach","console","load","src","loadPlaylist","items","map","item","index","first","playlist","level","getVolume","setPlaybackRate","rate","getPlaybackRate","enterFullscreen","el","requestFullscreen","webkitRequestFullscreen","webkitExitFullscreen","enterPiP","pictureInPictureElement","requestPictureInPicture","exitPiP","exitPictureInPicture","playAt","getState","isPlaying","ended","isPaused","isPiP","currentTrack","totalTracks","getVideo","destroy","removeEventListener","clear"],"mappings":"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"}
1
+ {"version":3,"file":"plex-player.min.js","sources":["../src/core/index.js"],"sourcesContent":["/**\r\n * @frameset/plex-player - Core Entry Point\r\n * Professional Video Player by FRAMESET Studio\r\n * https://frameset.dev\r\n */\r\n\r\n/**\r\n * Utility Functions\r\n */\r\nconst Utils = {\r\n formatTime(seconds) {\r\n if (isNaN(seconds) || !isFinite(seconds)) return '0:00';\r\n seconds = Math.max(0, Math.floor(seconds));\r\n const hours = Math.floor(seconds / 3600);\r\n const minutes = Math.floor((seconds % 3600) / 60);\r\n const secs = seconds % 60;\r\n if (hours > 0) {\r\n return `${hours}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;\r\n }\r\n return `${minutes}:${secs.toString().padStart(2, '0')}`;\r\n },\r\n\r\n clamp(num, min, max) {\r\n return Math.min(Math.max(num, min), max);\r\n },\r\n\r\n throttle(fn, delay) {\r\n let lastCall = 0;\r\n return function (...args) {\r\n const now = Date.now();\r\n if (now - lastCall >= delay) {\r\n lastCall = now;\r\n return fn.apply(this, args);\r\n }\r\n };\r\n },\r\n\r\n debounce(fn, delay) {\r\n let timeoutId;\r\n return function (...args) {\r\n clearTimeout(timeoutId);\r\n timeoutId = setTimeout(() => fn.apply(this, args), delay);\r\n };\r\n }\r\n};\r\n\r\n/**\r\n * PlexPlayer - Main Player Class\r\n * A complete, standalone video player\r\n */\r\nclass PlexPlayer {\r\n constructor(options = {}) {\r\n // Validate container\r\n if (!options.container) {\r\n throw new Error('PlexPlayer: container option is required');\r\n }\r\n\r\n // Get container element\r\n this.container = typeof options.container === 'string'\r\n ? document.querySelector(options.container)\r\n : options.container;\r\n\r\n if (!this.container) {\r\n throw new Error('PlexPlayer: container element not found');\r\n }\r\n\r\n // Store options with defaults\r\n this.options = {\r\n autoplay: false,\r\n muted: false,\r\n loop: false,\r\n volume: 1,\r\n poster: '',\r\n preload: 'metadata',\r\n keyboard: true,\r\n touch: true,\r\n pip: true,\r\n cast: true,\r\n fullscreen: true,\r\n controlsHideDelay: 3000,\r\n theme: {},\r\n subtitles: {},\r\n ads: { enabled: false },\r\n i18n: {},\r\n ...options,\r\n };\r\n\r\n // Internationalization with defaults\r\n this.i18n = {\r\n play: 'Play',\r\n pause: 'Pause',\r\n mute: 'Mute',\r\n unmute: 'Unmute',\r\n fullscreen: 'Fullscreen',\r\n exitFullscreen: 'Exit Fullscreen',\r\n pip: 'Picture-in-Picture',\r\n exitPip: 'Exit Picture-in-Picture',\r\n settings: 'Settings',\r\n speed: 'Speed',\r\n quality: 'Quality',\r\n subtitles: 'Subtitles',\r\n off: 'Off',\r\n normal: 'Normal',\r\n captions: 'Captions',\r\n audio: 'Audio',\r\n volume: 'Volume',\r\n seekForward: 'Seek Forward',\r\n seekBackward: 'Seek Backward',\r\n ...this.options.i18n,\r\n };\r\n\r\n // Internal state\r\n this._eventListeners = new Map();\r\n this._state = {\r\n playing: false,\r\n paused: true,\r\n muted: this.options.muted,\r\n volume: this.options.volume,\r\n currentTime: 0,\r\n duration: 0,\r\n buffered: 0,\r\n fullscreen: false,\r\n pip: false,\r\n playbackRate: 1,\r\n };\r\n\r\n // Playlist state\r\n this._playlist = [];\r\n this._currentIndex = 0;\r\n\r\n // Controls timeout\r\n this._controlsTimeout = null;\r\n\r\n // Initialize player\r\n this._init();\r\n }\r\n\r\n _init() {\r\n // Add player class\r\n this.container.classList.add('plex-player');\r\n // Show controls initially\r\n this.container.classList.add('plex-controls-visible');\r\n\r\n // Apply theme\r\n this._applyTheme();\r\n\r\n // Create DOM structure\r\n this._createDOM();\r\n\r\n // Bind events\r\n this._bindEvents();\r\n\r\n // Initialize features\r\n if (this.options.keyboard) this._initKeyboard();\r\n if (this.options.touch) this._initTouch();\r\n if (this.options.pip) this._initPiP();\r\n if (this.options.cast) this._initCast();\r\n\r\n // Emit ready event\r\n setTimeout(() => this._emit('ready'), 0);\r\n }\r\n\r\n _applyTheme() {\r\n const { theme } = this.options;\r\n if (theme.primary) this.container.style.setProperty('--plex-primary', theme.primary);\r\n if (theme.background) this.container.style.setProperty('--plex-bg', theme.background);\r\n if (theme.text) this.container.style.setProperty('--plex-text', theme.text);\r\n if (theme.borderRadius) this.container.style.setProperty('--plex-border-radius', theme.borderRadius);\r\n }\r\n\r\n _createDOM() {\r\n // Video element\r\n this.video = document.createElement('video');\r\n this.video.className = 'plex-video';\r\n this.video.setAttribute('playsinline', '');\r\n this.video.setAttribute('webkit-playsinline', '');\r\n this.video.preload = this.options.preload;\r\n this.video.muted = this.options.muted;\r\n this.video.volume = this.options.volume;\r\n this.video.loop = this.options.loop;\r\n if (this.options.poster) this.video.poster = this.options.poster;\r\n this.container.appendChild(this.video);\r\n\r\n // Controls overlay\r\n this.controls = document.createElement('div');\r\n this.controls.className = 'plex-controls';\r\n this.controls.innerHTML = this._getControlsHTML();\r\n this.container.appendChild(this.controls);\r\n\r\n // Cache control elements\r\n this._cacheElements();\r\n\r\n // Big play button\r\n this.bigPlayBtn = document.createElement('div');\r\n this.bigPlayBtn.className = 'plex-big-play';\r\n this.bigPlayBtn.innerHTML = `<svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"/></svg>`;\r\n this.container.appendChild(this.bigPlayBtn);\r\n\r\n // Loading spinner\r\n this.loader = document.createElement('div');\r\n this.loader.className = 'plex-loader';\r\n this.loader.innerHTML = '<div class=\"plex-spinner\"></div>';\r\n this.container.appendChild(this.loader);\r\n }\r\n\r\n _getControlsHTML() {\r\n const i18n = this.i18n;\r\n return `\r\n <div class=\"plex-progress-container\">\r\n <div class=\"plex-progress-bar\">\r\n <div class=\"plex-progress-buffered\"></div>\r\n <div class=\"plex-progress-played\"></div>\r\n <div class=\"plex-progress-handle\"></div>\r\n </div>\r\n <div class=\"plex-progress-preview\">\r\n <div class=\"plex-preview-time\">0:00</div>\r\n </div>\r\n </div>\r\n <div class=\"plex-controls-bar\">\r\n <div class=\"plex-controls-left\">\r\n <button class=\"plex-btn plex-play-btn\" title=\"${i18n.play || 'Play'}\">\r\n <svg class=\"plex-icon-play\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"/></svg>\r\n <svg class=\"plex-icon-pause\" viewBox=\"0 0 24 24\"><path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"/></svg>\r\n </button>\r\n <button class=\"plex-btn plex-prev-btn\" title=\"${i18n.previous || 'Previous'}\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 6h2v12H6zm3.5 6l8.5 6V6z\"/></svg>\r\n </button>\r\n <button class=\"plex-btn plex-next-btn\" title=\"${i18n.next || 'Next'}\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z\"/></svg>\r\n </button>\r\n <div class=\"plex-volume-container\">\r\n <button class=\"plex-btn plex-volume-btn\" title=\"${i18n.mute || 'Mute'}\">\r\n <svg class=\"plex-icon-volume-high\" viewBox=\"0 0 24 24\"><path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"/></svg>\r\n <svg class=\"plex-icon-volume-low\" viewBox=\"0 0 24 24\"><path d=\"M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z\"/></svg>\r\n <svg class=\"plex-icon-volume-mute\" viewBox=\"0 0 24 24\"><path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"/></svg>\r\n </button>\r\n <div class=\"plex-volume-slider\">\r\n <div class=\"plex-volume-track\">\r\n <div class=\"plex-volume-level\"></div>\r\n <div class=\"plex-volume-handle\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"plex-time\">\r\n <span class=\"plex-time-current\">0:00</span>\r\n <span class=\"plex-time-separator\">/</span>\r\n <span class=\"plex-time-duration\">0:00</span>\r\n </div>\r\n </div>\r\n <div class=\"plex-controls-right\">\r\n <button class=\"plex-btn plex-settings-btn\" title=\"${i18n.settings || 'Settings'}\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z\"/></svg>\r\n </button>\r\n ${this.options.pip ? `\r\n <button class=\"plex-btn plex-pip-btn\" title=\"${i18n.pip || 'Picture-in-Picture'}\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 7h-8v6h8V7zm2-4H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14z\"/></svg>\r\n </button>\r\n ` : ''}\r\n ${this.options.cast ? `\r\n <button class=\"plex-btn plex-cast-btn\" title=\"${i18n.cast || 'Cast'}\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v3h2V5h18v14h-7v2h7c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM1 18v3h3c0-1.66-1.34-3-3-3zm0-4v2c2.76 0 5 2.24 5 5h2c0-3.87-3.13-7-7-7zm0-4v2c4.97 0 9 4.03 9 9h2c0-6.08-4.93-11-11-11z\"/></svg>\r\n </button>\r\n ` : ''}\r\n ${this.options.fullscreen ? `\r\n <button class=\"plex-btn plex-fullscreen-btn\" title=\"${i18n.fullscreen || 'Fullscreen'}\">\r\n <svg class=\"plex-icon-fullscreen\" viewBox=\"0 0 24 24\"><path d=\"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z\"/></svg>\r\n <svg class=\"plex-icon-fullscreen-exit\" viewBox=\"0 0 24 24\"><path d=\"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z\"/></svg>\r\n </button>\r\n ` : ''}\r\n </div>\r\n </div>\r\n `;\r\n }\r\n\r\n _cacheElements() {\r\n const $ = (sel) => this.controls.querySelector(sel);\r\n \r\n this.els = {\r\n progressContainer: $('.plex-progress-container'),\r\n progressBar: $('.plex-progress-bar'),\r\n progressBuffered: $('.plex-progress-buffered'),\r\n progressPlayed: $('.plex-progress-played'),\r\n progressHandle: $('.plex-progress-handle'),\r\n progressPreview: $('.plex-progress-preview'),\r\n previewTime: $('.plex-preview-time'),\r\n playBtn: $('.plex-play-btn'),\r\n prevBtn: $('.plex-prev-btn'),\r\n nextBtn: $('.plex-next-btn'),\r\n volumeBtn: $('.plex-volume-btn'),\r\n volumeSlider: $('.plex-volume-slider'),\r\n volumeTrack: $('.plex-volume-track'),\r\n volumeLevel: $('.plex-volume-level'),\r\n volumeHandle: $('.plex-volume-handle'),\r\n timeCurrent: $('.plex-time-current'),\r\n timeDuration: $('.plex-time-duration'),\r\n settingsBtn: $('.plex-settings-btn'),\r\n pipBtn: $('.plex-pip-btn'),\r\n castBtn: $('.plex-cast-btn'),\r\n fullscreenBtn: $('.plex-fullscreen-btn'),\r\n };\r\n }\r\n\r\n _bindEvents() {\r\n // Video events\r\n this.video.addEventListener('play', () => this._onPlay());\r\n this.video.addEventListener('pause', () => this._onPause());\r\n this.video.addEventListener('ended', () => this._onEnded());\r\n this.video.addEventListener('timeupdate', () => this._onTimeUpdate());\r\n this.video.addEventListener('progress', () => this._onProgress());\r\n this.video.addEventListener('loadedmetadata', () => this._onLoadedMetadata());\r\n this.video.addEventListener('volumechange', () => this._onVolumeChange());\r\n this.video.addEventListener('waiting', () => this._onWaiting());\r\n this.video.addEventListener('canplay', () => this._onCanPlay());\r\n this.video.addEventListener('error', (e) => this._onError(e));\r\n\r\n // Control events\r\n this.bigPlayBtn.addEventListener('click', () => this.togglePlay());\r\n this.video.addEventListener('click', () => this.togglePlay());\r\n \r\n this.els.playBtn?.addEventListener('click', () => this.togglePlay());\r\n this.els.prevBtn?.addEventListener('click', () => this.previous());\r\n this.els.nextBtn?.addEventListener('click', () => this.next());\r\n this.els.volumeBtn?.addEventListener('click', () => this.toggleMute());\r\n this.els.pipBtn?.addEventListener('click', () => this.togglePiP());\r\n this.els.fullscreenBtn?.addEventListener('click', () => this.toggleFullscreen());\r\n\r\n // Progress bar\r\n this._bindProgressEvents();\r\n \r\n // Volume slider\r\n this._bindVolumeEvents();\r\n\r\n // Controls visibility\r\n this._bindControlsVisibility();\r\n\r\n // Fullscreen change\r\n document.addEventListener('fullscreenchange', () => this._onFullscreenChange());\r\n document.addEventListener('webkitfullscreenchange', () => this._onFullscreenChange());\r\n }\r\n\r\n _bindProgressEvents() {\r\n const progress = this.els.progressContainer;\r\n if (!progress) return;\r\n\r\n let isDragging = false;\r\n\r\n const seek = (e) => {\r\n const rect = this.els.progressBar.getBoundingClientRect();\r\n const percent = Utils.clamp((e.clientX - rect.left) / rect.width, 0, 1);\r\n this.seekPercent(percent * 100);\r\n };\r\n\r\n const updatePreview = (e) => {\r\n const rect = this.els.progressBar.getBoundingClientRect();\r\n const percent = Utils.clamp((e.clientX - rect.left) / rect.width, 0, 1);\r\n const time = percent * this.video.duration;\r\n \r\n if (this.els.previewTime) {\r\n this.els.previewTime.textContent = Utils.formatTime(time);\r\n }\r\n if (this.els.progressPreview) {\r\n const left = Utils.clamp(e.clientX - rect.left, 30, rect.width - 30);\r\n this.els.progressPreview.style.left = `${left}px`;\r\n }\r\n };\r\n\r\n progress.addEventListener('mousedown', (e) => {\r\n isDragging = true;\r\n seek(e);\r\n });\r\n\r\n progress.addEventListener('mousemove', (e) => {\r\n updatePreview(e);\r\n if (isDragging) seek(e);\r\n });\r\n\r\n document.addEventListener('mouseup', () => {\r\n isDragging = false;\r\n });\r\n\r\n document.addEventListener('mousemove', (e) => {\r\n if (isDragging) seek(e);\r\n });\r\n }\r\n\r\n _bindVolumeEvents() {\r\n const volumeTrack = this.els.volumeTrack;\r\n if (!volumeTrack) return;\r\n\r\n let isDragging = false;\r\n\r\n const setVolume = (e) => {\r\n const rect = volumeTrack.getBoundingClientRect();\r\n const percent = Utils.clamp((e.clientX - rect.left) / rect.width, 0, 1);\r\n this.setVolume(percent);\r\n };\r\n\r\n volumeTrack.addEventListener('mousedown', (e) => {\r\n isDragging = true;\r\n setVolume(e);\r\n });\r\n\r\n document.addEventListener('mousemove', (e) => {\r\n if (isDragging) setVolume(e);\r\n });\r\n\r\n document.addEventListener('mouseup', () => {\r\n isDragging = false;\r\n });\r\n }\r\n\r\n _bindControlsVisibility() {\r\n const showControls = () => {\r\n this.container.classList.add('plex-controls-visible');\r\n clearTimeout(this._controlsTimeout);\r\n if (this._state.playing) {\r\n this._controlsTimeout = setTimeout(() => {\r\n this.container.classList.remove('plex-controls-visible');\r\n }, this.options.controlsHideDelay);\r\n }\r\n };\r\n\r\n this.container.addEventListener('mousemove', showControls);\r\n this.container.addEventListener('mouseenter', showControls);\r\n this.container.addEventListener('mouseleave', () => {\r\n if (this._state.playing) {\r\n this.container.classList.remove('plex-controls-visible');\r\n }\r\n });\r\n\r\n // Always show when paused\r\n this.video.addEventListener('pause', showControls);\r\n }\r\n\r\n // Event handlers\r\n _onPlay() {\r\n this._state.playing = true;\r\n this._state.paused = false;\r\n this.container.classList.add('plex-playing');\r\n this.container.classList.remove('plex-paused');\r\n this.bigPlayBtn.style.display = 'none';\r\n this._emit('play');\r\n }\r\n\r\n _onPause() {\r\n this._state.playing = false;\r\n this._state.paused = true;\r\n this.container.classList.remove('plex-playing');\r\n this.container.classList.add('plex-paused');\r\n this.bigPlayBtn.style.display = '';\r\n this._emit('pause');\r\n }\r\n\r\n _onEnded() {\r\n this._state.playing = false;\r\n this.container.classList.remove('plex-playing');\r\n \r\n // Auto-play next if playlist\r\n if (this._playlist.length > 0 && this._currentIndex < this._playlist.length - 1) {\r\n this.next();\r\n } else {\r\n this._emit('ended');\r\n }\r\n }\r\n\r\n _onTimeUpdate() {\r\n this._state.currentTime = this.video.currentTime;\r\n const percent = (this.video.currentTime / this.video.duration) * 100;\r\n \r\n if (this.els.progressPlayed) {\r\n this.els.progressPlayed.style.width = `${percent}%`;\r\n }\r\n if (this.els.progressHandle) {\r\n this.els.progressHandle.style.left = `${percent}%`;\r\n }\r\n if (this.els.timeCurrent) {\r\n this.els.timeCurrent.textContent = Utils.formatTime(this.video.currentTime);\r\n }\r\n\r\n this._emit('timeupdate', {\r\n currentTime: this.video.currentTime,\r\n duration: this.video.duration\r\n });\r\n }\r\n\r\n _onProgress() {\r\n const buffered = this.video.buffered;\r\n if (buffered.length > 0) {\r\n const percent = (buffered.end(buffered.length - 1) / this.video.duration) * 100;\r\n this._state.buffered = percent;\r\n if (this.els.progressBuffered) {\r\n this.els.progressBuffered.style.width = `${percent}%`;\r\n }\r\n this._emit('progress', { buffered: percent });\r\n }\r\n }\r\n\r\n _onLoadedMetadata() {\r\n this._state.duration = this.video.duration;\r\n if (this.els.timeDuration) {\r\n this.els.timeDuration.textContent = Utils.formatTime(this.video.duration);\r\n }\r\n this._emit('loadedmetadata', { duration: this.video.duration });\r\n }\r\n\r\n _onVolumeChange() {\r\n this._state.volume = this.video.volume;\r\n this._state.muted = this.video.muted;\r\n \r\n const volume = this.video.muted ? 0 : this.video.volume;\r\n \r\n // Update volume UI\r\n if (this.els.volumeLevel) {\r\n this.els.volumeLevel.style.width = `${volume * 100}%`;\r\n }\r\n if (this.els.volumeHandle) {\r\n this.els.volumeHandle.style.left = `${volume * 100}%`;\r\n }\r\n\r\n // Update icon\r\n this.container.classList.remove('plex-muted', 'plex-volume-low');\r\n if (this.video.muted || volume === 0) {\r\n this.container.classList.add('plex-muted');\r\n } else if (volume < 0.5) {\r\n this.container.classList.add('plex-volume-low');\r\n }\r\n\r\n this._emit('volumechange', { volume: this.video.volume, muted: this.video.muted });\r\n }\r\n\r\n _onWaiting() {\r\n this.container.classList.add('plex-loading');\r\n this._emit('waiting');\r\n }\r\n\r\n _onCanPlay() {\r\n this.container.classList.remove('plex-loading');\r\n this._emit('canplay');\r\n }\r\n\r\n _onError(e) {\r\n this._emit('error', {\r\n code: this.video.error?.code,\r\n message: this.video.error?.message\r\n });\r\n }\r\n\r\n _onFullscreenChange() {\r\n const isFullscreen = !!(document.fullscreenElement || document.webkitFullscreenElement);\r\n this._state.fullscreen = isFullscreen;\r\n \r\n if (isFullscreen) {\r\n this.container.classList.add('plex-fullscreen');\r\n } else {\r\n this.container.classList.remove('plex-fullscreen');\r\n }\r\n\r\n this._emit('fullscreenchange', { isFullscreen });\r\n }\r\n\r\n // Keyboard support\r\n _initKeyboard() {\r\n this._keyHandler = (e) => {\r\n if (!this.container.contains(document.activeElement) && \r\n document.activeElement !== document.body) return;\r\n\r\n switch (e.key) {\r\n case ' ':\r\n case 'k':\r\n e.preventDefault();\r\n this.togglePlay();\r\n break;\r\n case 'ArrowLeft':\r\n e.preventDefault();\r\n this.seek(this.video.currentTime - 10);\r\n break;\r\n case 'ArrowRight':\r\n e.preventDefault();\r\n this.seek(this.video.currentTime + 10);\r\n break;\r\n case 'ArrowUp':\r\n e.preventDefault();\r\n this.setVolume(Math.min(1, this.video.volume + 0.1));\r\n break;\r\n case 'ArrowDown':\r\n e.preventDefault();\r\n this.setVolume(Math.max(0, this.video.volume - 0.1));\r\n break;\r\n case 'm':\r\n this.toggleMute();\r\n break;\r\n case 'f':\r\n this.toggleFullscreen();\r\n break;\r\n case 'p':\r\n this.togglePiP();\r\n break;\r\n case 'n':\r\n if (e.shiftKey) {\r\n this.previous();\r\n } else {\r\n this.next();\r\n }\r\n break;\r\n }\r\n };\r\n document.addEventListener('keydown', this._keyHandler);\r\n }\r\n\r\n // Touch support\r\n _initTouch() {\r\n let touchStartX = 0;\r\n let touchStartY = 0;\r\n let touchStartTime = 0;\r\n\r\n this.video.addEventListener('touchstart', (e) => {\r\n touchStartX = e.touches[0].clientX;\r\n touchStartY = e.touches[0].clientY;\r\n touchStartTime = Date.now();\r\n });\r\n\r\n this.video.addEventListener('touchend', (e) => {\r\n const touchEndX = e.changedTouches[0].clientX;\r\n const touchEndY = e.changedTouches[0].clientY;\r\n const touchDuration = Date.now() - touchStartTime;\r\n \r\n const deltaX = touchEndX - touchStartX;\r\n const deltaY = touchEndY - touchStartY;\r\n\r\n // Tap to toggle play (if quick tap)\r\n if (Math.abs(deltaX) < 30 && Math.abs(deltaY) < 30 && touchDuration < 300) {\r\n this.togglePlay();\r\n }\r\n // Swipe to seek\r\n else if (Math.abs(deltaX) > 50 && Math.abs(deltaY) < 30) {\r\n if (deltaX > 0) {\r\n this.seek(this.video.currentTime + 10);\r\n } else {\r\n this.seek(this.video.currentTime - 10);\r\n }\r\n }\r\n });\r\n }\r\n\r\n // PiP support\r\n _initPiP() {\r\n if (!document.pictureInPictureEnabled) {\r\n if (this.els.pipBtn) {\r\n this.els.pipBtn.style.display = 'none';\r\n }\r\n return;\r\n }\r\n\r\n this.video.addEventListener('enterpictureinpicture', () => {\r\n this._state.pip = true;\r\n this.container.classList.add('plex-pip');\r\n this._emit('enterpip');\r\n });\r\n\r\n this.video.addEventListener('leavepictureinpicture', () => {\r\n this._state.pip = false;\r\n this.container.classList.remove('plex-pip');\r\n this._emit('leavepip');\r\n });\r\n }\r\n\r\n // Cast support\r\n _initCast() {\r\n // Chromecast requires HTTPS and specific browser\r\n const isChrome = /Chrome/.test(navigator.userAgent) && !/Edge/.test(navigator.userAgent);\r\n const isHTTPS = location.protocol === 'https:' || location.hostname === 'localhost';\r\n \r\n if (!isChrome || !isHTTPS) {\r\n if (this.els.castBtn) {\r\n this.els.castBtn.style.display = 'none';\r\n }\r\n return;\r\n }\r\n\r\n // Load Cast SDK if available\r\n if (window.chrome && window.chrome.cast) {\r\n this._initCastApi();\r\n } else {\r\n window['__onGCastApiAvailable'] = (isAvailable) => {\r\n if (isAvailable) this._initCastApi();\r\n };\r\n }\r\n }\r\n\r\n _initCastApi() {\r\n if (this.els.castBtn) {\r\n this.els.castBtn.addEventListener('click', () => {\r\n if (window.cast && window.cast.framework) {\r\n const context = cast.framework.CastContext.getInstance();\r\n context.requestSession();\r\n }\r\n });\r\n }\r\n }\r\n\r\n // Event system\r\n on(event, callback) {\r\n if (!this._eventListeners.has(event)) {\r\n this._eventListeners.set(event, new Set());\r\n }\r\n this._eventListeners.get(event).add(callback);\r\n return this;\r\n }\r\n\r\n off(event, callback) {\r\n if (this._eventListeners.has(event)) {\r\n this._eventListeners.get(event).delete(callback);\r\n }\r\n return this;\r\n }\r\n\r\n _emit(event, data = {}) {\r\n if (this._eventListeners.has(event)) {\r\n this._eventListeners.get(event).forEach(callback => {\r\n try {\r\n callback(data);\r\n } catch (e) {\r\n console.error(`PlexPlayer: Error in ${event} handler:`, e);\r\n }\r\n });\r\n }\r\n }\r\n\r\n // Public API\r\n load(src, poster) {\r\n this.video.src = src;\r\n if (poster) this.video.poster = poster;\r\n this.video.load();\r\n \r\n if (this.options.autoplay) {\r\n this.play();\r\n }\r\n return this;\r\n }\r\n\r\n loadPlaylist(items) {\r\n this._playlist = items.map((item, index) => ({\r\n ...item,\r\n index\r\n }));\r\n this._currentIndex = 0;\r\n \r\n if (this._playlist.length > 0) {\r\n const first = this._playlist[0];\r\n this.load(first.src, first.poster);\r\n this._emit('playlistload', { playlist: this._playlist });\r\n }\r\n return this;\r\n }\r\n\r\n play() {\r\n return this.video.play();\r\n }\r\n\r\n pause() {\r\n this.video.pause();\r\n return this;\r\n }\r\n\r\n togglePlay() {\r\n if (this.video.paused) {\r\n this.play();\r\n } else {\r\n this.pause();\r\n }\r\n return this;\r\n }\r\n\r\n seek(time) {\r\n this.video.currentTime = Utils.clamp(time, 0, this.video.duration || 0);\r\n return this;\r\n }\r\n\r\n seekPercent(percent) {\r\n const time = (percent / 100) * this.video.duration;\r\n return this.seek(time);\r\n }\r\n\r\n setVolume(level) {\r\n this.video.volume = Utils.clamp(level, 0, 1);\r\n if (this.video.muted && level > 0) {\r\n this.video.muted = false;\r\n }\r\n return this;\r\n }\r\n\r\n getVolume() {\r\n return this.video.volume;\r\n }\r\n\r\n mute() {\r\n this.video.muted = true;\r\n return this;\r\n }\r\n\r\n unmute() {\r\n this.video.muted = false;\r\n return this;\r\n }\r\n\r\n toggleMute() {\r\n this.video.muted = !this.video.muted;\r\n return this;\r\n }\r\n\r\n setPlaybackRate(rate) {\r\n this.video.playbackRate = rate;\r\n this._state.playbackRate = rate;\r\n this._emit('ratechange', { rate });\r\n return this;\r\n }\r\n\r\n getPlaybackRate() {\r\n return this.video.playbackRate;\r\n }\r\n\r\n enterFullscreen() {\r\n const el = this.container;\r\n if (el.requestFullscreen) {\r\n return el.requestFullscreen();\r\n } else if (el.webkitRequestFullscreen) {\r\n return el.webkitRequestFullscreen();\r\n }\r\n }\r\n\r\n exitFullscreen() {\r\n if (document.exitFullscreen) {\r\n return document.exitFullscreen();\r\n } else if (document.webkitExitFullscreen) {\r\n return document.webkitExitFullscreen();\r\n }\r\n }\r\n\r\n toggleFullscreen() {\r\n if (this._state.fullscreen) {\r\n this.exitFullscreen();\r\n } else {\r\n this.enterFullscreen();\r\n }\r\n return this;\r\n }\r\n\r\n enterPiP() {\r\n if (document.pictureInPictureEnabled && this.video !== document.pictureInPictureElement) {\r\n return this.video.requestPictureInPicture();\r\n }\r\n }\r\n\r\n exitPiP() {\r\n if (document.pictureInPictureElement) {\r\n return document.exitPictureInPicture();\r\n }\r\n }\r\n\r\n togglePiP() {\r\n if (this._state.pip) {\r\n this.exitPiP();\r\n } else {\r\n this.enterPiP();\r\n }\r\n return this;\r\n }\r\n\r\n next() {\r\n if (this._playlist.length > 0 && this._currentIndex < this._playlist.length - 1) {\r\n this._currentIndex++;\r\n const item = this._playlist[this._currentIndex];\r\n this.load(item.src, item.poster);\r\n this.play();\r\n this._emit('trackchange', { index: this._currentIndex, item });\r\n }\r\n return this;\r\n }\r\n\r\n previous() {\r\n if (this._playlist.length > 0 && this._currentIndex > 0) {\r\n this._currentIndex--;\r\n const item = this._playlist[this._currentIndex];\r\n this.load(item.src, item.poster);\r\n this.play();\r\n this._emit('trackchange', { index: this._currentIndex, item });\r\n }\r\n return this;\r\n }\r\n\r\n playAt(index) {\r\n if (this._playlist.length > 0 && index >= 0 && index < this._playlist.length) {\r\n this._currentIndex = index;\r\n const item = this._playlist[this._currentIndex];\r\n this.load(item.src, item.poster);\r\n this.play();\r\n this._emit('trackchange', { index: this._currentIndex, item });\r\n }\r\n return this;\r\n }\r\n\r\n getState() {\r\n return {\r\n currentTime: this.video.currentTime,\r\n duration: this.video.duration || 0,\r\n volume: this.video.volume,\r\n muted: this.video.muted,\r\n isPlaying: !this.video.paused && !this.video.ended,\r\n isPaused: this.video.paused,\r\n isFullscreen: this._state.fullscreen,\r\n isPiP: this._state.pip,\r\n playbackRate: this.video.playbackRate,\r\n currentTrack: this._currentIndex,\r\n totalTracks: this._playlist.length,\r\n };\r\n }\r\n\r\n getVideo() {\r\n return this.video;\r\n }\r\n\r\n destroy() {\r\n // Clear timeouts\r\n clearTimeout(this._controlsTimeout);\r\n \r\n // Remove keyboard listener\r\n if (this._keyHandler) {\r\n document.removeEventListener('keydown', this._keyHandler);\r\n }\r\n \r\n // Remove event listeners\r\n this._eventListeners.clear();\r\n\r\n // Clear container\r\n this.container.innerHTML = '';\r\n this.container.classList.remove('plex-player');\r\n\r\n // Emit destroy event\r\n this._emit('destroy');\r\n }\r\n}\r\n\r\n// Export\r\nexport { PlexPlayer, Utils };\r\nexport default PlexPlayer;\r\n\r\n// Attach to window for UMD builds\r\nif (typeof window !== 'undefined') {\r\n window.PlexPlayer = PlexPlayer;\r\n}\r\n"],"names":["Utils","formatTime","seconds","isNaN","isFinite","Math","max","floor","hours","minutes","secs","toString","padStart","clamp","num","min","throttle","fn","delay","lastCall","args","now","Date","apply","this","debounce","timeoutId","clearTimeout","setTimeout","PlexPlayer","constructor","options","container","Error","document","querySelector","autoplay","muted","loop","volume","poster","preload","keyboard","touch","pip","cast","fullscreen","controlsHideDelay","theme","subtitles","ads","enabled","i18n","play","pause","mute","unmute","exitFullscreen","exitPip","settings","speed","quality","off","normal","captions","audio","seekForward","seekBackward","_eventListeners","Map","_state","playing","paused","currentTime","duration","buffered","playbackRate","_playlist","_currentIndex","_controlsTimeout","_init","classList","add","_applyTheme","_createDOM","_bindEvents","_initKeyboard","_initTouch","_initPiP","_initCast","_emit","primary","style","setProperty","background","text","borderRadius","video","createElement","className","setAttribute","appendChild","controls","innerHTML","_getControlsHTML","_cacheElements","bigPlayBtn","loader","previous","next","$","sel","els","progressContainer","progressBar","progressBuffered","progressPlayed","progressHandle","progressPreview","previewTime","playBtn","prevBtn","nextBtn","volumeBtn","volumeSlider","volumeTrack","volumeLevel","volumeHandle","timeCurrent","timeDuration","settingsBtn","pipBtn","castBtn","fullscreenBtn","addEventListener","_onPlay","_onPause","_onEnded","_onTimeUpdate","_onProgress","_onLoadedMetadata","_onVolumeChange","_onWaiting","_onCanPlay","e","_onError","togglePlay","toggleMute","togglePiP","toggleFullscreen","_bindProgressEvents","_bindVolumeEvents","_bindControlsVisibility","_onFullscreenChange","progress","isDragging","seek","rect","getBoundingClientRect","percent","clientX","left","width","seekPercent","updatePreview","time","textContent","setVolume","showControls","remove","display","length","end","code","error","message","isFullscreen","fullscreenElement","webkitFullscreenElement","_keyHandler","contains","activeElement","body","key","preventDefault","shiftKey","touchStartX","touchStartY","touchStartTime","touches","clientY","touchEndX","changedTouches","touchEndY","touchDuration","deltaX","deltaY","abs","pictureInPictureEnabled","isChrome","test","navigator","userAgent","isHTTPS","location","protocol","hostname","window","chrome","_initCastApi","isAvailable","framework","CastContext","getInstance","requestSession","on","event","callback","has","set","Set","get","delete","data","forEach","console","load","src","loadPlaylist","items","map","item","index","first","playlist","level","getVolume","setPlaybackRate","rate","getPlaybackRate","enterFullscreen","el","requestFullscreen","webkitRequestFullscreen","webkitExitFullscreen","enterPiP","pictureInPictureElement","requestPictureInPicture","exitPiP","exitPictureInPicture","playAt","getState","isPlaying","ended","isPaused","isPiP","currentTrack","totalTracks","getVideo","destroy","removeEventListener","clear"],"mappings":"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"}
package/dist/react/index.esm.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @frameset/plex-player v1.0.3
2
+ * @frameset/plex-player v1.0.5
3
3
  * Professional video player with VAST ads, Chromecast, PiP, subtitles, playlists and more. Built by FRAMESET Studio.
4
4
  * (c) 2026 FRAMESET Studio
5
5
  * Released under the MIT License
@@ -192,7 +192,7 @@ const PlexPlayerReact = /*#__PURE__*/forwardRef(function PlexPlayerReact(props,
192
192
  className: `plex-player-container ${className}`,
193
193
  style: {
194
194
  width: '100%',
195
- height: '100%',
195
+ aspectRatio: '16 / 9',
196
196
  position: 'relative',
197
197
  ...style
198
198
  },
package/dist/react/index.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.esm.js","sources":["../../src/react/index.jsx"],"sourcesContent":["/**\r\n * @frameset/plex-player - React Component\r\n * Professional Video Player by FRAMESET Studio\r\n * https://frameset.dev\r\n */\r\n\r\nimport React, {\r\n useEffect,\r\n useRef,\r\n useImperativeHandle,\r\n forwardRef,\r\n useState,\r\n useCallback,\r\n createContext,\r\n useContext,\r\n} from 'react';\r\n\r\n// Import core player\r\nimport PlexPlayer from '../core/index.js';\r\n\r\n// Context for nested components\r\nconst PlexPlayerContext = createContext(null);\r\n\r\n/**\r\n * Hook to access player instance from child components\r\n */\r\nexport const usePlexPlayer = () => {\r\n const player = useContext(PlexPlayerContext);\r\n return player;\r\n};\r\n\r\n/**\r\n * PlexPlayer React Component\r\n */\r\nexport const PlexPlayerReact = forwardRef(function PlexPlayerReact(props, ref) {\r\n const {\r\n src,\r\n playlist,\r\n className = '',\r\n style = {},\r\n autoplay = false,\r\n muted = false,\r\n loop = false,\r\n volume = 1,\r\n poster,\r\n preload = 'metadata',\r\n keyboard = true,\r\n touch = true,\r\n pip = true,\r\n cast = true,\r\n fullscreen = true,\r\n controlsHideDelay = 3000,\r\n theme,\r\n subtitles,\r\n ads,\r\n i18n,\r\n // Event callbacks\r\n onPlay,\r\n onPause,\r\n onEnded,\r\n onTimeUpdate,\r\n onProgress,\r\n onVolumeChange,\r\n onFullscreenChange,\r\n onError,\r\n onReady,\r\n // Children for custom overlays\r\n children,\r\n ...restProps\r\n } = props;\r\n\r\n const containerRef = useRef(null);\r\n const playerRef = useRef(null);\r\n const [isReady, setIsReady] = useState(false);\r\n\r\n // Initialize player\r\n useEffect(() => {\r\n if (!containerRef.current) return;\r\n\r\n // Create player instance\r\n const player = new PlexPlayer({\r\n container: containerRef.current,\r\n autoplay,\r\n muted,\r\n loop,\r\n volume,\r\n poster,\r\n preload,\r\n keyboard,\r\n touch,\r\n pip,\r\n cast,\r\n fullscreen,\r\n controlsHideDelay,\r\n theme,\r\n subtitles,\r\n ads,\r\n i18n,\r\n });\r\n\r\n playerRef.current = player;\r\n\r\n // Bind events\r\n if (onPlay) player.on('play', onPlay);\r\n if (onPause) player.on('pause', onPause);\r\n if (onEnded) player.on('ended', onEnded);\r\n if (onTimeUpdate) {\r\n player.on('timeupdate', (data) => onTimeUpdate(data.currentTime));\r\n }\r\n if (onProgress) {\r\n player.on('progress', (data) => onProgress(data.buffered));\r\n }\r\n if (onVolumeChange) {\r\n player.on('volumechange', (data) => onVolumeChange(data.volume, data.muted));\r\n }\r\n if (onFullscreenChange) {\r\n player.on('fullscreenchange', (data) => onFullscreenChange(data.isFullscreen));\r\n }\r\n if (onError) {\r\n player.on('error', onError);\r\n }\r\n\r\n setIsReady(true);\r\n\r\n if (onReady) {\r\n onReady(player);\r\n }\r\n\r\n // Cleanup\r\n return () => {\r\n player.destroy();\r\n playerRef.current = null;\r\n };\r\n }, []);\r\n\r\n // Load source when src changes\r\n useEffect(() => {\r\n if (!playerRef.current || !isReady) return;\r\n\r\n if (src) {\r\n playerRef.current.load(src);\r\n }\r\n }, [src, isReady]);\r\n\r\n // Load playlist when playlist changes\r\n useEffect(() => {\r\n if (!playerRef.current || !isReady || !playlist) return;\r\n\r\n playerRef.current.loadPlaylist(playlist);\r\n }, [playlist, isReady]);\r\n\r\n // Update volume\r\n useEffect(() => {\r\n if (playerRef.current && isReady) {\r\n playerRef.current.setVolume(volume);\r\n }\r\n }, [volume, isReady]);\r\n\r\n // Update muted\r\n useEffect(() => {\r\n if (playerRef.current && isReady) {\r\n if (muted) {\r\n playerRef.current.mute();\r\n } else {\r\n playerRef.current.unmute();\r\n }\r\n }\r\n }, [muted, isReady]);\r\n\r\n // Expose player methods via ref\r\n useImperativeHandle(ref, () => ({\r\n play: () => playerRef.current?.play(),\r\n pause: () => playerRef.current?.pause(),\r\n togglePlay: () => playerRef.current?.togglePlay(),\r\n seek: (time) => playerRef.current?.seek(time),\r\n seekPercent: (percent) => playerRef.current?.seekPercent(percent),\r\n setVolume: (vol) => playerRef.current?.setVolume(vol),\r\n getVolume: () => playerRef.current?.getVolume(),\r\n mute: () => playerRef.current?.mute(),\r\n unmute: () => playerRef.current?.unmute(),\r\n toggleMute: () => playerRef.current?.toggleMute(),\r\n isMuted: () => playerRef.current?.isMuted(),\r\n setPlaybackRate: (rate) => playerRef.current?.setPlaybackRate(rate),\r\n enterFullscreen: () => playerRef.current?.enterFullscreen(),\r\n exitFullscreen: () => playerRef.current?.exitFullscreen(),\r\n toggleFullscreen: () => playerRef.current?.toggleFullscreen(),\r\n enterPiP: () => playerRef.current?.enterPiP(),\r\n exitPiP: () => playerRef.current?.exitPiP(),\r\n togglePiP: () => playerRef.current?.togglePiP(),\r\n cast: () => playerRef.current?.cast(),\r\n getState: () => playerRef.current?.getState(),\r\n getPlayer: () => playerRef.current,\r\n next: () => playerRef.current?.next(),\r\n previous: () => playerRef.current?.previous(),\r\n playAt: (index) => playerRef.current?.playAt(index),\r\n }));\r\n\r\n return (\r\n <PlexPlayerContext.Provider value={playerRef.current}>\r\n <div\r\n ref={containerRef}\r\n className={`plex-player-container ${className}`}\r\n style={{\r\n width: '100%',\r\n height: '100%',\r\n position: 'relative',\r\n ...style,\r\n }}\r\n {...restProps}\r\n >\r\n {children}\r\n </div>\r\n </PlexPlayerContext.Provider>\r\n );\r\n});\r\n\r\n// Additional hooks for convenience\r\nexport const usePlexPlayerState = () => {\r\n const player = usePlexPlayer();\r\n const [state, setState] = useState(null);\r\n\r\n useEffect(() => {\r\n if (!player) return;\r\n\r\n const updateState = () => {\r\n setState(player.getState());\r\n };\r\n\r\n // Update on every timeupdate\r\n player.on('timeupdate', updateState);\r\n player.on('play', updateState);\r\n player.on('pause', updateState);\r\n player.on('volumechange', updateState);\r\n player.on('fullscreenchange', updateState);\r\n\r\n // Initial state\r\n updateState();\r\n\r\n return () => {\r\n player.off('timeupdate', updateState);\r\n player.off('play', updateState);\r\n player.off('pause', updateState);\r\n player.off('volumechange', updateState);\r\n player.off('fullscreenchange', updateState);\r\n };\r\n }, [player]);\r\n\r\n return state;\r\n};\r\n\r\nexport const usePlexPlayerTime = () => {\r\n const player = usePlexPlayer();\r\n const [time, setTime] = useState({ current: 0, duration: 0 });\r\n\r\n useEffect(() => {\r\n if (!player) return;\r\n\r\n const updateTime = (data) => {\r\n setTime({\r\n current: data.currentTime,\r\n duration: data.duration,\r\n });\r\n };\r\n\r\n player.on('timeupdate', updateTime);\r\n\r\n return () => {\r\n player.off('timeupdate', updateTime);\r\n };\r\n }, [player]);\r\n\r\n return time;\r\n};\r\n\r\n// Named exports\r\nexport { PlexPlayer };\r\nexport default PlexPlayerReact;\r\n"],"names":["PlexPlayerContext","createContext","usePlexPlayer","player","useContext","PlexPlayerReact","forwardRef","props","ref","src","playlist","className","style","autoplay","muted","loop","volume","poster","preload","keyboard","touch","pip","cast","fullscreen","controlsHideDelay","theme","subtitles","ads","i18n","onPlay","onPause","onEnded","onTimeUpdate","onProgress","onVolumeChange","onFullscreenChange","onError","onReady","children","restProps","containerRef","useRef","playerRef","isReady","setIsReady","useState","useEffect","current","PlexPlayer","container","on","data","currentTime","buffered","isFullscreen","destroy","load","loadPlaylist","setVolume","mute","unmute","useImperativeHandle","play","pause","togglePlay","seek","time","seekPercent","percent","vol","getVolume","toggleMute","isMuted","setPlaybackRate","rate","enterFullscreen","exitFullscreen","toggleFullscreen","enterPiP","exitPiP","togglePiP","getState","getPlayer","next","previous","playAt","index","_jsx","Provider","value","width","height","position","usePlexPlayerState","state","setState","updateState","off","usePlexPlayerTime","setTime","duration","updateTime"],"mappings":"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"}
1
+ {"version":3,"file":"index.esm.js","sources":["../../src/react/index.jsx"],"sourcesContent":["/**\r\n * @frameset/plex-player - React Component\r\n * Professional Video Player by FRAMESET Studio\r\n * https://frameset.dev\r\n */\r\n\r\nimport React, {\r\n useEffect,\r\n useRef,\r\n useImperativeHandle,\r\n forwardRef,\r\n useState,\r\n useCallback,\r\n createContext,\r\n useContext,\r\n} from 'react';\r\n\r\n// Import core player\r\nimport PlexPlayer from '../core/index.js';\r\n\r\n// Context for nested components\r\nconst PlexPlayerContext = createContext(null);\r\n\r\n/**\r\n * Hook to access player instance from child components\r\n */\r\nexport const usePlexPlayer = () => {\r\n const player = useContext(PlexPlayerContext);\r\n return player;\r\n};\r\n\r\n/**\r\n * PlexPlayer React Component\r\n */\r\nexport const PlexPlayerReact = forwardRef(function PlexPlayerReact(props, ref) {\r\n const {\r\n src,\r\n playlist,\r\n className = '',\r\n style = {},\r\n autoplay = false,\r\n muted = false,\r\n loop = false,\r\n volume = 1,\r\n poster,\r\n preload = 'metadata',\r\n keyboard = true,\r\n touch = true,\r\n pip = true,\r\n cast = true,\r\n fullscreen = true,\r\n controlsHideDelay = 3000,\r\n theme,\r\n subtitles,\r\n ads,\r\n i18n,\r\n // Event callbacks\r\n onPlay,\r\n onPause,\r\n onEnded,\r\n onTimeUpdate,\r\n onProgress,\r\n onVolumeChange,\r\n onFullscreenChange,\r\n onError,\r\n onReady,\r\n // Children for custom overlays\r\n children,\r\n ...restProps\r\n } = props;\r\n\r\n const containerRef = useRef(null);\r\n const playerRef = useRef(null);\r\n const [isReady, setIsReady] = useState(false);\r\n\r\n // Initialize player\r\n useEffect(() => {\r\n if (!containerRef.current) return;\r\n\r\n // Create player instance\r\n const player = new PlexPlayer({\r\n container: containerRef.current,\r\n autoplay,\r\n muted,\r\n loop,\r\n volume,\r\n poster,\r\n preload,\r\n keyboard,\r\n touch,\r\n pip,\r\n cast,\r\n fullscreen,\r\n controlsHideDelay,\r\n theme,\r\n subtitles,\r\n ads,\r\n i18n,\r\n });\r\n\r\n playerRef.current = player;\r\n\r\n // Bind events\r\n if (onPlay) player.on('play', onPlay);\r\n if (onPause) player.on('pause', onPause);\r\n if (onEnded) player.on('ended', onEnded);\r\n if (onTimeUpdate) {\r\n player.on('timeupdate', (data) => onTimeUpdate(data.currentTime));\r\n }\r\n if (onProgress) {\r\n player.on('progress', (data) => onProgress(data.buffered));\r\n }\r\n if (onVolumeChange) {\r\n player.on('volumechange', (data) => onVolumeChange(data.volume, data.muted));\r\n }\r\n if (onFullscreenChange) {\r\n player.on('fullscreenchange', (data) => onFullscreenChange(data.isFullscreen));\r\n }\r\n if (onError) {\r\n player.on('error', onError);\r\n }\r\n\r\n setIsReady(true);\r\n\r\n if (onReady) {\r\n onReady(player);\r\n }\r\n\r\n // Cleanup\r\n return () => {\r\n player.destroy();\r\n playerRef.current = null;\r\n };\r\n }, []);\r\n\r\n // Load source when src changes\r\n useEffect(() => {\r\n if (!playerRef.current || !isReady) return;\r\n\r\n if (src) {\r\n playerRef.current.load(src);\r\n }\r\n }, [src, isReady]);\r\n\r\n // Load playlist when playlist changes\r\n useEffect(() => {\r\n if (!playerRef.current || !isReady || !playlist) return;\r\n\r\n playerRef.current.loadPlaylist(playlist);\r\n }, [playlist, isReady]);\r\n\r\n // Update volume\r\n useEffect(() => {\r\n if (playerRef.current && isReady) {\r\n playerRef.current.setVolume(volume);\r\n }\r\n }, [volume, isReady]);\r\n\r\n // Update muted\r\n useEffect(() => {\r\n if (playerRef.current && isReady) {\r\n if (muted) {\r\n playerRef.current.mute();\r\n } else {\r\n playerRef.current.unmute();\r\n }\r\n }\r\n }, [muted, isReady]);\r\n\r\n // Expose player methods via ref\r\n useImperativeHandle(ref, () => ({\r\n play: () => playerRef.current?.play(),\r\n pause: () => playerRef.current?.pause(),\r\n togglePlay: () => playerRef.current?.togglePlay(),\r\n seek: (time) => playerRef.current?.seek(time),\r\n seekPercent: (percent) => playerRef.current?.seekPercent(percent),\r\n setVolume: (vol) => playerRef.current?.setVolume(vol),\r\n getVolume: () => playerRef.current?.getVolume(),\r\n mute: () => playerRef.current?.mute(),\r\n unmute: () => playerRef.current?.unmute(),\r\n toggleMute: () => playerRef.current?.toggleMute(),\r\n isMuted: () => playerRef.current?.isMuted(),\r\n setPlaybackRate: (rate) => playerRef.current?.setPlaybackRate(rate),\r\n enterFullscreen: () => playerRef.current?.enterFullscreen(),\r\n exitFullscreen: () => playerRef.current?.exitFullscreen(),\r\n toggleFullscreen: () => playerRef.current?.toggleFullscreen(),\r\n enterPiP: () => playerRef.current?.enterPiP(),\r\n exitPiP: () => playerRef.current?.exitPiP(),\r\n togglePiP: () => playerRef.current?.togglePiP(),\r\n cast: () => playerRef.current?.cast(),\r\n getState: () => playerRef.current?.getState(),\r\n getPlayer: () => playerRef.current,\r\n next: () => playerRef.current?.next(),\r\n previous: () => playerRef.current?.previous(),\r\n playAt: (index) => playerRef.current?.playAt(index),\r\n }));\r\n\r\n return (\r\n <PlexPlayerContext.Provider value={playerRef.current}>\r\n <div\r\n ref={containerRef}\r\n className={`plex-player-container ${className}`}\r\n style={{\r\n width: '100%',\r\n aspectRatio: '16 / 9',\r\n position: 'relative',\r\n ...style,\r\n }}\r\n {...restProps}\r\n >\r\n {children}\r\n </div>\r\n </PlexPlayerContext.Provider>\r\n );\r\n});\r\n\r\n// Additional hooks for convenience\r\nexport const usePlexPlayerState = () => {\r\n const player = usePlexPlayer();\r\n const [state, setState] = useState(null);\r\n\r\n useEffect(() => {\r\n if (!player) return;\r\n\r\n const updateState = () => {\r\n setState(player.getState());\r\n };\r\n\r\n // Update on every timeupdate\r\n player.on('timeupdate', updateState);\r\n player.on('play', updateState);\r\n player.on('pause', updateState);\r\n player.on('volumechange', updateState);\r\n player.on('fullscreenchange', updateState);\r\n\r\n // Initial state\r\n updateState();\r\n\r\n return () => {\r\n player.off('timeupdate', updateState);\r\n player.off('play', updateState);\r\n player.off('pause', updateState);\r\n player.off('volumechange', updateState);\r\n player.off('fullscreenchange', updateState);\r\n };\r\n }, [player]);\r\n\r\n return state;\r\n};\r\n\r\nexport const usePlexPlayerTime = () => {\r\n const player = usePlexPlayer();\r\n const [time, setTime] = useState({ current: 0, duration: 0 });\r\n\r\n useEffect(() => {\r\n if (!player) return;\r\n\r\n const updateTime = (data) => {\r\n setTime({\r\n current: data.currentTime,\r\n duration: data.duration,\r\n });\r\n };\r\n\r\n player.on('timeupdate', updateTime);\r\n\r\n return () => {\r\n player.off('timeupdate', updateTime);\r\n };\r\n }, [player]);\r\n\r\n return time;\r\n};\r\n\r\n// Named exports\r\nexport { PlexPlayer };\r\nexport default PlexPlayerReact;\r\n"],"names":["PlexPlayerContext","createContext","usePlexPlayer","player","useContext","PlexPlayerReact","forwardRef","props","ref","src","playlist","className","style","autoplay","muted","loop","volume","poster","preload","keyboard","touch","pip","cast","fullscreen","controlsHideDelay","theme","subtitles","ads","i18n","onPlay","onPause","onEnded","onTimeUpdate","onProgress","onVolumeChange","onFullscreenChange","onError","onReady","children","restProps","containerRef","useRef","playerRef","isReady","setIsReady","useState","useEffect","current","PlexPlayer","container","on","data","currentTime","buffered","isFullscreen","destroy","load","loadPlaylist","setVolume","mute","unmute","useImperativeHandle","play","pause","togglePlay","seek","time","seekPercent","percent","vol","getVolume","toggleMute","isMuted","setPlaybackRate","rate","enterFullscreen","exitFullscreen","toggleFullscreen","enterPiP","exitPiP","togglePiP","getState","getPlayer","next","previous","playAt","index","_jsx","Provider","value","width","aspectRatio","position","usePlexPlayerState","state","setState","updateState","off","usePlexPlayerTime","setTime","duration","updateTime"],"mappings":"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"}
package/dist/react/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @frameset/plex-player v1.0.3
2
+ * @frameset/plex-player v1.0.5
3
3
  * Professional video player with VAST ads, Chromecast, PiP, subtitles, playlists and more. Built by FRAMESET Studio.
4
4
  * (c) 2026 FRAMESET Studio
5
5
  * Released under the MIT License
@@ -195,7 +195,7 @@ const PlexPlayerReact = /*#__PURE__*/react.forwardRef(function PlexPlayerReact(p
195
195
  className: `plex-player-container ${className}`,
196
196
  style: {
197
197
  width: '100%',
198
- height: '100%',
198
+ aspectRatio: '16 / 9',
199
199
  position: 'relative',
200
200
  ...style
201
201
  },
package/dist/react/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/react/index.jsx"],"sourcesContent":["/**\r\n * @frameset/plex-player - React Component\r\n * Professional Video Player by FRAMESET Studio\r\n * https://frameset.dev\r\n */\r\n\r\nimport React, {\r\n useEffect,\r\n useRef,\r\n useImperativeHandle,\r\n forwardRef,\r\n useState,\r\n useCallback,\r\n createContext,\r\n useContext,\r\n} from 'react';\r\n\r\n// Import core player\r\nimport PlexPlayer from '../core/index.js';\r\n\r\n// Context for nested components\r\nconst PlexPlayerContext = createContext(null);\r\n\r\n/**\r\n * Hook to access player instance from child components\r\n */\r\nexport const usePlexPlayer = () => {\r\n const player = useContext(PlexPlayerContext);\r\n return player;\r\n};\r\n\r\n/**\r\n * PlexPlayer React Component\r\n */\r\nexport const PlexPlayerReact = forwardRef(function PlexPlayerReact(props, ref) {\r\n const {\r\n src,\r\n playlist,\r\n className = '',\r\n style = {},\r\n autoplay = false,\r\n muted = false,\r\n loop = false,\r\n volume = 1,\r\n poster,\r\n preload = 'metadata',\r\n keyboard = true,\r\n touch = true,\r\n pip = true,\r\n cast = true,\r\n fullscreen = true,\r\n controlsHideDelay = 3000,\r\n theme,\r\n subtitles,\r\n ads,\r\n i18n,\r\n // Event callbacks\r\n onPlay,\r\n onPause,\r\n onEnded,\r\n onTimeUpdate,\r\n onProgress,\r\n onVolumeChange,\r\n onFullscreenChange,\r\n onError,\r\n onReady,\r\n // Children for custom overlays\r\n children,\r\n ...restProps\r\n } = props;\r\n\r\n const containerRef = useRef(null);\r\n const playerRef = useRef(null);\r\n const [isReady, setIsReady] = useState(false);\r\n\r\n // Initialize player\r\n useEffect(() => {\r\n if (!containerRef.current) return;\r\n\r\n // Create player instance\r\n const player = new PlexPlayer({\r\n container: containerRef.current,\r\n autoplay,\r\n muted,\r\n loop,\r\n volume,\r\n poster,\r\n preload,\r\n keyboard,\r\n touch,\r\n pip,\r\n cast,\r\n fullscreen,\r\n controlsHideDelay,\r\n theme,\r\n subtitles,\r\n ads,\r\n i18n,\r\n });\r\n\r\n playerRef.current = player;\r\n\r\n // Bind events\r\n if (onPlay) player.on('play', onPlay);\r\n if (onPause) player.on('pause', onPause);\r\n if (onEnded) player.on('ended', onEnded);\r\n if (onTimeUpdate) {\r\n player.on('timeupdate', (data) => onTimeUpdate(data.currentTime));\r\n }\r\n if (onProgress) {\r\n player.on('progress', (data) => onProgress(data.buffered));\r\n }\r\n if (onVolumeChange) {\r\n player.on('volumechange', (data) => onVolumeChange(data.volume, data.muted));\r\n }\r\n if (onFullscreenChange) {\r\n player.on('fullscreenchange', (data) => onFullscreenChange(data.isFullscreen));\r\n }\r\n if (onError) {\r\n player.on('error', onError);\r\n }\r\n\r\n setIsReady(true);\r\n\r\n if (onReady) {\r\n onReady(player);\r\n }\r\n\r\n // Cleanup\r\n return () => {\r\n player.destroy();\r\n playerRef.current = null;\r\n };\r\n }, []);\r\n\r\n // Load source when src changes\r\n useEffect(() => {\r\n if (!playerRef.current || !isReady) return;\r\n\r\n if (src) {\r\n playerRef.current.load(src);\r\n }\r\n }, [src, isReady]);\r\n\r\n // Load playlist when playlist changes\r\n useEffect(() => {\r\n if (!playerRef.current || !isReady || !playlist) return;\r\n\r\n playerRef.current.loadPlaylist(playlist);\r\n }, [playlist, isReady]);\r\n\r\n // Update volume\r\n useEffect(() => {\r\n if (playerRef.current && isReady) {\r\n playerRef.current.setVolume(volume);\r\n }\r\n }, [volume, isReady]);\r\n\r\n // Update muted\r\n useEffect(() => {\r\n if (playerRef.current && isReady) {\r\n if (muted) {\r\n playerRef.current.mute();\r\n } else {\r\n playerRef.current.unmute();\r\n }\r\n }\r\n }, [muted, isReady]);\r\n\r\n // Expose player methods via ref\r\n useImperativeHandle(ref, () => ({\r\n play: () => playerRef.current?.play(),\r\n pause: () => playerRef.current?.pause(),\r\n togglePlay: () => playerRef.current?.togglePlay(),\r\n seek: (time) => playerRef.current?.seek(time),\r\n seekPercent: (percent) => playerRef.current?.seekPercent(percent),\r\n setVolume: (vol) => playerRef.current?.setVolume(vol),\r\n getVolume: () => playerRef.current?.getVolume(),\r\n mute: () => playerRef.current?.mute(),\r\n unmute: () => playerRef.current?.unmute(),\r\n toggleMute: () => playerRef.current?.toggleMute(),\r\n isMuted: () => playerRef.current?.isMuted(),\r\n setPlaybackRate: (rate) => playerRef.current?.setPlaybackRate(rate),\r\n enterFullscreen: () => playerRef.current?.enterFullscreen(),\r\n exitFullscreen: () => playerRef.current?.exitFullscreen(),\r\n toggleFullscreen: () => playerRef.current?.toggleFullscreen(),\r\n enterPiP: () => playerRef.current?.enterPiP(),\r\n exitPiP: () => playerRef.current?.exitPiP(),\r\n togglePiP: () => playerRef.current?.togglePiP(),\r\n cast: () => playerRef.current?.cast(),\r\n getState: () => playerRef.current?.getState(),\r\n getPlayer: () => playerRef.current,\r\n next: () => playerRef.current?.next(),\r\n previous: () => playerRef.current?.previous(),\r\n playAt: (index) => playerRef.current?.playAt(index),\r\n }));\r\n\r\n return (\r\n <PlexPlayerContext.Provider value={playerRef.current}>\r\n <div\r\n ref={containerRef}\r\n className={`plex-player-container ${className}`}\r\n style={{\r\n width: '100%',\r\n height: '100%',\r\n position: 'relative',\r\n ...style,\r\n }}\r\n {...restProps}\r\n >\r\n {children}\r\n </div>\r\n </PlexPlayerContext.Provider>\r\n );\r\n});\r\n\r\n// Additional hooks for convenience\r\nexport const usePlexPlayerState = () => {\r\n const player = usePlexPlayer();\r\n const [state, setState] = useState(null);\r\n\r\n useEffect(() => {\r\n if (!player) return;\r\n\r\n const updateState = () => {\r\n setState(player.getState());\r\n };\r\n\r\n // Update on every timeupdate\r\n player.on('timeupdate', updateState);\r\n player.on('play', updateState);\r\n player.on('pause', updateState);\r\n player.on('volumechange', updateState);\r\n player.on('fullscreenchange', updateState);\r\n\r\n // Initial state\r\n updateState();\r\n\r\n return () => {\r\n player.off('timeupdate', updateState);\r\n player.off('play', updateState);\r\n player.off('pause', updateState);\r\n player.off('volumechange', updateState);\r\n player.off('fullscreenchange', updateState);\r\n };\r\n }, [player]);\r\n\r\n return state;\r\n};\r\n\r\nexport const usePlexPlayerTime = () => {\r\n const player = usePlexPlayer();\r\n const [time, setTime] = useState({ current: 0, duration: 0 });\r\n\r\n useEffect(() => {\r\n if (!player) return;\r\n\r\n const updateTime = (data) => {\r\n setTime({\r\n current: data.currentTime,\r\n duration: data.duration,\r\n });\r\n };\r\n\r\n player.on('timeupdate', updateTime);\r\n\r\n return () => {\r\n player.off('timeupdate', updateTime);\r\n };\r\n }, [player]);\r\n\r\n return time;\r\n};\r\n\r\n// Named exports\r\nexport { PlexPlayer };\r\nexport default PlexPlayerReact;\r\n"],"names":["PlexPlayerContext","createContext","usePlexPlayer","player","useContext","PlexPlayerReact","forwardRef","props","ref","src","playlist","className","style","autoplay","muted","loop","volume","poster","preload","keyboard","touch","pip","cast","fullscreen","controlsHideDelay","theme","subtitles","ads","i18n","onPlay","onPause","onEnded","onTimeUpdate","onProgress","onVolumeChange","onFullscreenChange","onError","onReady","children","restProps","containerRef","useRef","playerRef","isReady","setIsReady","useState","useEffect","current","PlexPlayer","container","on","data","currentTime","buffered","isFullscreen","destroy","load","loadPlaylist","setVolume","mute","unmute","useImperativeHandle","play","pause","togglePlay","seek","time","seekPercent","percent","vol","getVolume","toggleMute","isMuted","setPlaybackRate","rate","enterFullscreen","exitFullscreen","toggleFullscreen","enterPiP","exitPiP","togglePiP","getState","getPlayer","next","previous","playAt","index","_jsx","Provider","value","width","height","position","usePlexPlayerState","state","setState","updateState","off","usePlexPlayerTime","setTime","duration","updateTime"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../src/react/index.jsx"],"sourcesContent":["/**\r\n * @frameset/plex-player - React Component\r\n * Professional Video Player by FRAMESET Studio\r\n * https://frameset.dev\r\n */\r\n\r\nimport React, {\r\n useEffect,\r\n useRef,\r\n useImperativeHandle,\r\n forwardRef,\r\n useState,\r\n useCallback,\r\n createContext,\r\n useContext,\r\n} from 'react';\r\n\r\n// Import core player\r\nimport PlexPlayer from '../core/index.js';\r\n\r\n// Context for nested components\r\nconst PlexPlayerContext = createContext(null);\r\n\r\n/**\r\n * Hook to access player instance from child components\r\n */\r\nexport const usePlexPlayer = () => {\r\n const player = useContext(PlexPlayerContext);\r\n return player;\r\n};\r\n\r\n/**\r\n * PlexPlayer React Component\r\n */\r\nexport const PlexPlayerReact = forwardRef(function PlexPlayerReact(props, ref) {\r\n const {\r\n src,\r\n playlist,\r\n className = '',\r\n style = {},\r\n autoplay = false,\r\n muted = false,\r\n loop = false,\r\n volume = 1,\r\n poster,\r\n preload = 'metadata',\r\n keyboard = true,\r\n touch = true,\r\n pip = true,\r\n cast = true,\r\n fullscreen = true,\r\n controlsHideDelay = 3000,\r\n theme,\r\n subtitles,\r\n ads,\r\n i18n,\r\n // Event callbacks\r\n onPlay,\r\n onPause,\r\n onEnded,\r\n onTimeUpdate,\r\n onProgress,\r\n onVolumeChange,\r\n onFullscreenChange,\r\n onError,\r\n onReady,\r\n // Children for custom overlays\r\n children,\r\n ...restProps\r\n } = props;\r\n\r\n const containerRef = useRef(null);\r\n const playerRef = useRef(null);\r\n const [isReady, setIsReady] = useState(false);\r\n\r\n // Initialize player\r\n useEffect(() => {\r\n if (!containerRef.current) return;\r\n\r\n // Create player instance\r\n const player = new PlexPlayer({\r\n container: containerRef.current,\r\n autoplay,\r\n muted,\r\n loop,\r\n volume,\r\n poster,\r\n preload,\r\n keyboard,\r\n touch,\r\n pip,\r\n cast,\r\n fullscreen,\r\n controlsHideDelay,\r\n theme,\r\n subtitles,\r\n ads,\r\n i18n,\r\n });\r\n\r\n playerRef.current = player;\r\n\r\n // Bind events\r\n if (onPlay) player.on('play', onPlay);\r\n if (onPause) player.on('pause', onPause);\r\n if (onEnded) player.on('ended', onEnded);\r\n if (onTimeUpdate) {\r\n player.on('timeupdate', (data) => onTimeUpdate(data.currentTime));\r\n }\r\n if (onProgress) {\r\n player.on('progress', (data) => onProgress(data.buffered));\r\n }\r\n if (onVolumeChange) {\r\n player.on('volumechange', (data) => onVolumeChange(data.volume, data.muted));\r\n }\r\n if (onFullscreenChange) {\r\n player.on('fullscreenchange', (data) => onFullscreenChange(data.isFullscreen));\r\n }\r\n if (onError) {\r\n player.on('error', onError);\r\n }\r\n\r\n setIsReady(true);\r\n\r\n if (onReady) {\r\n onReady(player);\r\n }\r\n\r\n // Cleanup\r\n return () => {\r\n player.destroy();\r\n playerRef.current = null;\r\n };\r\n }, []);\r\n\r\n // Load source when src changes\r\n useEffect(() => {\r\n if (!playerRef.current || !isReady) return;\r\n\r\n if (src) {\r\n playerRef.current.load(src);\r\n }\r\n }, [src, isReady]);\r\n\r\n // Load playlist when playlist changes\r\n useEffect(() => {\r\n if (!playerRef.current || !isReady || !playlist) return;\r\n\r\n playerRef.current.loadPlaylist(playlist);\r\n }, [playlist, isReady]);\r\n\r\n // Update volume\r\n useEffect(() => {\r\n if (playerRef.current && isReady) {\r\n playerRef.current.setVolume(volume);\r\n }\r\n }, [volume, isReady]);\r\n\r\n // Update muted\r\n useEffect(() => {\r\n if (playerRef.current && isReady) {\r\n if (muted) {\r\n playerRef.current.mute();\r\n } else {\r\n playerRef.current.unmute();\r\n }\r\n }\r\n }, [muted, isReady]);\r\n\r\n // Expose player methods via ref\r\n useImperativeHandle(ref, () => ({\r\n play: () => playerRef.current?.play(),\r\n pause: () => playerRef.current?.pause(),\r\n togglePlay: () => playerRef.current?.togglePlay(),\r\n seek: (time) => playerRef.current?.seek(time),\r\n seekPercent: (percent) => playerRef.current?.seekPercent(percent),\r\n setVolume: (vol) => playerRef.current?.setVolume(vol),\r\n getVolume: () => playerRef.current?.getVolume(),\r\n mute: () => playerRef.current?.mute(),\r\n unmute: () => playerRef.current?.unmute(),\r\n toggleMute: () => playerRef.current?.toggleMute(),\r\n isMuted: () => playerRef.current?.isMuted(),\r\n setPlaybackRate: (rate) => playerRef.current?.setPlaybackRate(rate),\r\n enterFullscreen: () => playerRef.current?.enterFullscreen(),\r\n exitFullscreen: () => playerRef.current?.exitFullscreen(),\r\n toggleFullscreen: () => playerRef.current?.toggleFullscreen(),\r\n enterPiP: () => playerRef.current?.enterPiP(),\r\n exitPiP: () => playerRef.current?.exitPiP(),\r\n togglePiP: () => playerRef.current?.togglePiP(),\r\n cast: () => playerRef.current?.cast(),\r\n getState: () => playerRef.current?.getState(),\r\n getPlayer: () => playerRef.current,\r\n next: () => playerRef.current?.next(),\r\n previous: () => playerRef.current?.previous(),\r\n playAt: (index) => playerRef.current?.playAt(index),\r\n }));\r\n\r\n return (\r\n <PlexPlayerContext.Provider value={playerRef.current}>\r\n <div\r\n ref={containerRef}\r\n className={`plex-player-container ${className}`}\r\n style={{\r\n width: '100%',\r\n aspectRatio: '16 / 9',\r\n position: 'relative',\r\n ...style,\r\n }}\r\n {...restProps}\r\n >\r\n {children}\r\n </div>\r\n </PlexPlayerContext.Provider>\r\n );\r\n});\r\n\r\n// Additional hooks for convenience\r\nexport const usePlexPlayerState = () => {\r\n const player = usePlexPlayer();\r\n const [state, setState] = useState(null);\r\n\r\n useEffect(() => {\r\n if (!player) return;\r\n\r\n const updateState = () => {\r\n setState(player.getState());\r\n };\r\n\r\n // Update on every timeupdate\r\n player.on('timeupdate', updateState);\r\n player.on('play', updateState);\r\n player.on('pause', updateState);\r\n player.on('volumechange', updateState);\r\n player.on('fullscreenchange', updateState);\r\n\r\n // Initial state\r\n updateState();\r\n\r\n return () => {\r\n player.off('timeupdate', updateState);\r\n player.off('play', updateState);\r\n player.off('pause', updateState);\r\n player.off('volumechange', updateState);\r\n player.off('fullscreenchange', updateState);\r\n };\r\n }, [player]);\r\n\r\n return state;\r\n};\r\n\r\nexport const usePlexPlayerTime = () => {\r\n const player = usePlexPlayer();\r\n const [time, setTime] = useState({ current: 0, duration: 0 });\r\n\r\n useEffect(() => {\r\n if (!player) return;\r\n\r\n const updateTime = (data) => {\r\n setTime({\r\n current: data.currentTime,\r\n duration: data.duration,\r\n });\r\n };\r\n\r\n player.on('timeupdate', updateTime);\r\n\r\n return () => {\r\n player.off('timeupdate', updateTime);\r\n };\r\n }, [player]);\r\n\r\n return time;\r\n};\r\n\r\n// Named exports\r\nexport { PlexPlayer };\r\nexport default PlexPlayerReact;\r\n"],"names":["PlexPlayerContext","createContext","usePlexPlayer","player","useContext","PlexPlayerReact","forwardRef","props","ref","src","playlist","className","style","autoplay","muted","loop","volume","poster","preload","keyboard","touch","pip","cast","fullscreen","controlsHideDelay","theme","subtitles","ads","i18n","onPlay","onPause","onEnded","onTimeUpdate","onProgress","onVolumeChange","onFullscreenChange","onError","onReady","children","restProps","containerRef","useRef","playerRef","isReady","setIsReady","useState","useEffect","current","PlexPlayer","container","on","data","currentTime","buffered","isFullscreen","destroy","load","loadPlaylist","setVolume","mute","unmute","useImperativeHandle","play","pause","togglePlay","seek","time","seekPercent","percent","vol","getVolume","toggleMute","isMuted","setPlaybackRate","rate","enterFullscreen","exitFullscreen","toggleFullscreen","enterPiP","exitPiP","togglePiP","getState","getPlayer","next","previous","playAt","index","_jsx","Provider","value","width","aspectRatio","position","usePlexPlayerState","state","setState","updateState","off","usePlexPlayerTime","setTime","duration","updateTime"],"mappings":"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"}
package/dist/vue/index.esm.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @frameset/plex-player v1.0.3
2
+ * @frameset/plex-player v1.0.5
3
3
  * Professional video player with VAST ads, Chromecast, PiP, subtitles, playlists and more. Built by FRAMESET Studio.
4
4
  * (c) 2026 FRAMESET Studio
5
5
  * Released under the MIT License
@@ -233,7 +233,7 @@ const PlexPlayerVue = defineComponent({
233
233
  class: 'plex-player-container',
234
234
  style: {
235
235
  width: '100%',
236
- height: '100%',
236
+ aspectRatio: '16 / 9',
237
237
  position: 'relative'
238
238
  }
239
239
  }, slots.default?.());
package/dist/vue/index.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.esm.js","sources":["../../src/vue/index.js"],"sourcesContent":["/**\r\n * @frameset/plex-player - Vue Component\r\n * Professional Video Player by FRAMESET Studio\r\n * https://frameset.dev\r\n */\r\n\r\nimport { \r\n defineComponent, \r\n ref, \r\n onMounted, \r\n onBeforeUnmount, \r\n watch,\r\n provide,\r\n inject,\r\n h\r\n} from 'vue';\r\n\r\n// Import core player\r\nimport PlexPlayer from '../core/index.js';\r\n\r\n// Provide/inject key\r\nconst PlexPlayerKey = Symbol('PlexPlayer');\r\n\r\n/**\r\n * Composable to access player instance\r\n */\r\nexport function usePlexPlayer() {\r\n return inject(PlexPlayerKey, ref(null));\r\n}\r\n\r\n/**\r\n * PlexPlayer Vue Component\r\n */\r\nexport const PlexPlayerVue = defineComponent({\r\n name: 'PlexPlayer',\r\n\r\n props: {\r\n src: {\r\n type: String,\r\n default: '',\r\n },\r\n playlist: {\r\n type: Array,\r\n default: () => [],\r\n },\r\n autoplay: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n muted: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n loop: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n volume: {\r\n type: Number,\r\n default: 1,\r\n },\r\n poster: {\r\n type: String,\r\n default: '',\r\n },\r\n preload: {\r\n type: String,\r\n default: 'metadata',\r\n },\r\n keyboard: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n touch: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n pip: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n cast: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n fullscreen: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n controlsHideDelay: {\r\n type: Number,\r\n default: 3000,\r\n },\r\n theme: {\r\n type: Object,\r\n default: () => ({}),\r\n },\r\n subtitles: {\r\n type: Object,\r\n default: () => ({}),\r\n },\r\n ads: {\r\n type: Object,\r\n default: () => ({}),\r\n },\r\n i18n: {\r\n type: Object,\r\n default: () => ({}),\r\n },\r\n },\r\n\r\n emits: [\r\n 'play',\r\n 'pause',\r\n 'ended',\r\n 'timeupdate',\r\n 'progress',\r\n 'volumechange',\r\n 'fullscreenchange',\r\n 'error',\r\n 'ready',\r\n ],\r\n\r\n setup(props, { emit, slots, expose }) {\r\n const containerRef = ref(null);\r\n const playerRef = ref(null);\r\n const isReady = ref(false);\r\n\r\n // Provide player to child components\r\n provide(PlexPlayerKey, playerRef);\r\n\r\n onMounted(() => {\r\n if (!containerRef.value) return;\r\n\r\n // Create player instance\r\n const player = new PlexPlayer({\r\n container: containerRef.value,\r\n autoplay: props.autoplay,\r\n muted: props.muted,\r\n loop: props.loop,\r\n volume: props.volume,\r\n poster: props.poster,\r\n preload: props.preload,\r\n keyboard: props.keyboard,\r\n touch: props.touch,\r\n pip: props.pip,\r\n cast: props.cast,\r\n fullscreen: props.fullscreen,\r\n controlsHideDelay: props.controlsHideDelay,\r\n theme: props.theme,\r\n subtitles: props.subtitles,\r\n ads: props.ads,\r\n i18n: props.i18n,\r\n });\r\n\r\n playerRef.value = player;\r\n\r\n // Bind events\r\n player.on('play', () => emit('play'));\r\n player.on('pause', () => emit('pause'));\r\n player.on('ended', () => emit('ended'));\r\n player.on('timeupdate', (data) => emit('timeupdate', data.currentTime));\r\n player.on('progress', (data) => emit('progress', data.buffered));\r\n player.on('volumechange', (data) => emit('volumechange', data));\r\n player.on('fullscreenchange', (data) => emit('fullscreenchange', data.isFullscreen));\r\n player.on('error', (error) => emit('error', error));\r\n\r\n isReady.value = true;\r\n emit('ready', player);\r\n\r\n // Load initial source\r\n if (props.src) {\r\n player.load(props.src);\r\n } else if (props.playlist.length > 0) {\r\n player.loadPlaylist(props.playlist);\r\n }\r\n });\r\n\r\n onBeforeUnmount(() => {\r\n if (playerRef.value) {\r\n playerRef.value.destroy();\r\n playerRef.value = null;\r\n }\r\n });\r\n\r\n // Watch for src changes\r\n watch(() => props.src, (newSrc) => {\r\n if (playerRef.value && newSrc) {\r\n playerRef.value.load(newSrc);\r\n }\r\n });\r\n\r\n // Watch for playlist changes\r\n watch(() => props.playlist, (newPlaylist) => {\r\n if (playerRef.value && newPlaylist?.length > 0) {\r\n playerRef.value.loadPlaylist(newPlaylist);\r\n }\r\n }, { deep: true });\r\n\r\n // Watch for volume changes\r\n watch(() => props.volume, (newVolume) => {\r\n if (playerRef.value) {\r\n playerRef.value.setVolume(newVolume);\r\n }\r\n });\r\n\r\n // Watch for muted changes\r\n watch(() => props.muted, (newMuted) => {\r\n if (playerRef.value) {\r\n if (newMuted) {\r\n playerRef.value.mute();\r\n } else {\r\n playerRef.value.unmute();\r\n }\r\n }\r\n });\r\n\r\n // Expose methods\r\n expose({\r\n play: () => playerRef.value?.play(),\r\n pause: () => playerRef.value?.pause(),\r\n togglePlay: () => playerRef.value?.togglePlay(),\r\n seek: (time) => playerRef.value?.seek(time),\r\n seekPercent: (percent) => playerRef.value?.seekPercent(percent),\r\n setVolume: (vol) => playerRef.value?.setVolume(vol),\r\n getVolume: () => playerRef.value?.getVolume(),\r\n mute: () => playerRef.value?.mute(),\r\n unmute: () => playerRef.value?.unmute(),\r\n toggleMute: () => playerRef.value?.toggleMute(),\r\n setPlaybackRate: (rate) => playerRef.value?.setPlaybackRate(rate),\r\n enterFullscreen: () => playerRef.value?.enterFullscreen(),\r\n exitFullscreen: () => playerRef.value?.exitFullscreen(),\r\n toggleFullscreen: () => playerRef.value?.toggleFullscreen(),\r\n enterPiP: () => playerRef.value?.enterPiP(),\r\n exitPiP: () => playerRef.value?.exitPiP(),\r\n togglePiP: () => playerRef.value?.togglePiP(),\r\n cast: () => playerRef.value?.cast(),\r\n getState: () => playerRef.value?.getState(),\r\n getPlayer: () => playerRef.value,\r\n next: () => playerRef.value?.next(),\r\n previous: () => playerRef.value?.previous(),\r\n playAt: (index) => playerRef.value?.playAt(index),\r\n });\r\n\r\n return () => h(\r\n 'div',\r\n {\r\n ref: containerRef,\r\n class: 'plex-player-container',\r\n style: {\r\n width: '100%',\r\n height: '100%',\r\n position: 'relative',\r\n },\r\n },\r\n slots.default?.()\r\n );\r\n },\r\n});\r\n\r\n// Composables\r\nexport function usePlexPlayerState() {\r\n const player = usePlexPlayer();\r\n const state = ref(null);\r\n\r\n watch(player, (p) => {\r\n if (!p) return;\r\n\r\n const updateState = () => {\r\n state.value = p.getState();\r\n };\r\n\r\n p.on('timeupdate', updateState);\r\n p.on('play', updateState);\r\n p.on('pause', updateState);\r\n p.on('volumechange', updateState);\r\n\r\n updateState();\r\n }, { immediate: true });\r\n\r\n return state;\r\n}\r\n\r\nexport function usePlexPlayerTime() {\r\n const player = usePlexPlayer();\r\n const time = ref({ current: 0, duration: 0 });\r\n\r\n watch(player, (p) => {\r\n if (!p) return;\r\n\r\n p.on('timeupdate', (data) => {\r\n time.value = {\r\n current: data.currentTime,\r\n duration: data.duration,\r\n };\r\n });\r\n }, { immediate: true });\r\n\r\n return time;\r\n}\r\n\r\n// Named exports\r\nexport { PlexPlayer };\r\nexport default PlexPlayerVue;\r\n"],"names":["PlexPlayerKey","Symbol","usePlexPlayer","inject","ref","PlexPlayerVue","defineComponent","name","props","src","type","String","default","playlist","Array","autoplay","Boolean","muted","loop","volume","Number","poster","preload","keyboard","touch","pip","cast","fullscreen","controlsHideDelay","theme","Object","subtitles","ads","i18n","emits","setup","emit","slots","expose","containerRef","playerRef","isReady","provide","onMounted","value","player","PlexPlayer","container","on","data","currentTime","buffered","isFullscreen","error","load","length","loadPlaylist","onBeforeUnmount","destroy","watch","newSrc","newPlaylist","deep","newVolume","setVolume","newMuted","mute","unmute","play","pause","togglePlay","seek","time","seekPercent","percent","vol","getVolume","toggleMute","setPlaybackRate","rate","enterFullscreen","exitFullscreen","toggleFullscreen","enterPiP","exitPiP","togglePiP","getState","getPlayer","next","previous","playAt","index","h","class","style","width","height","position","usePlexPlayerState","state","p","updateState","immediate","usePlexPlayerTime","current","duration"],"mappings":"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"}
1
+ {"version":3,"file":"index.esm.js","sources":["../../src/vue/index.js"],"sourcesContent":["/**\r\n * @frameset/plex-player - Vue Component\r\n * Professional Video Player by FRAMESET Studio\r\n * https://frameset.dev\r\n */\r\n\r\nimport { \r\n defineComponent, \r\n ref, \r\n onMounted, \r\n onBeforeUnmount, \r\n watch,\r\n provide,\r\n inject,\r\n h\r\n} from 'vue';\r\n\r\n// Import core player\r\nimport PlexPlayer from '../core/index.js';\r\n\r\n// Provide/inject key\r\nconst PlexPlayerKey = Symbol('PlexPlayer');\r\n\r\n/**\r\n * Composable to access player instance\r\n */\r\nexport function usePlexPlayer() {\r\n return inject(PlexPlayerKey, ref(null));\r\n}\r\n\r\n/**\r\n * PlexPlayer Vue Component\r\n */\r\nexport const PlexPlayerVue = defineComponent({\r\n name: 'PlexPlayer',\r\n\r\n props: {\r\n src: {\r\n type: String,\r\n default: '',\r\n },\r\n playlist: {\r\n type: Array,\r\n default: () => [],\r\n },\r\n autoplay: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n muted: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n loop: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n volume: {\r\n type: Number,\r\n default: 1,\r\n },\r\n poster: {\r\n type: String,\r\n default: '',\r\n },\r\n preload: {\r\n type: String,\r\n default: 'metadata',\r\n },\r\n keyboard: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n touch: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n pip: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n cast: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n fullscreen: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n controlsHideDelay: {\r\n type: Number,\r\n default: 3000,\r\n },\r\n theme: {\r\n type: Object,\r\n default: () => ({}),\r\n },\r\n subtitles: {\r\n type: Object,\r\n default: () => ({}),\r\n },\r\n ads: {\r\n type: Object,\r\n default: () => ({}),\r\n },\r\n i18n: {\r\n type: Object,\r\n default: () => ({}),\r\n },\r\n },\r\n\r\n emits: [\r\n 'play',\r\n 'pause',\r\n 'ended',\r\n 'timeupdate',\r\n 'progress',\r\n 'volumechange',\r\n 'fullscreenchange',\r\n 'error',\r\n 'ready',\r\n ],\r\n\r\n setup(props, { emit, slots, expose }) {\r\n const containerRef = ref(null);\r\n const playerRef = ref(null);\r\n const isReady = ref(false);\r\n\r\n // Provide player to child components\r\n provide(PlexPlayerKey, playerRef);\r\n\r\n onMounted(() => {\r\n if (!containerRef.value) return;\r\n\r\n // Create player instance\r\n const player = new PlexPlayer({\r\n container: containerRef.value,\r\n autoplay: props.autoplay,\r\n muted: props.muted,\r\n loop: props.loop,\r\n volume: props.volume,\r\n poster: props.poster,\r\n preload: props.preload,\r\n keyboard: props.keyboard,\r\n touch: props.touch,\r\n pip: props.pip,\r\n cast: props.cast,\r\n fullscreen: props.fullscreen,\r\n controlsHideDelay: props.controlsHideDelay,\r\n theme: props.theme,\r\n subtitles: props.subtitles,\r\n ads: props.ads,\r\n i18n: props.i18n,\r\n });\r\n\r\n playerRef.value = player;\r\n\r\n // Bind events\r\n player.on('play', () => emit('play'));\r\n player.on('pause', () => emit('pause'));\r\n player.on('ended', () => emit('ended'));\r\n player.on('timeupdate', (data) => emit('timeupdate', data.currentTime));\r\n player.on('progress', (data) => emit('progress', data.buffered));\r\n player.on('volumechange', (data) => emit('volumechange', data));\r\n player.on('fullscreenchange', (data) => emit('fullscreenchange', data.isFullscreen));\r\n player.on('error', (error) => emit('error', error));\r\n\r\n isReady.value = true;\r\n emit('ready', player);\r\n\r\n // Load initial source\r\n if (props.src) {\r\n player.load(props.src);\r\n } else if (props.playlist.length > 0) {\r\n player.loadPlaylist(props.playlist);\r\n }\r\n });\r\n\r\n onBeforeUnmount(() => {\r\n if (playerRef.value) {\r\n playerRef.value.destroy();\r\n playerRef.value = null;\r\n }\r\n });\r\n\r\n // Watch for src changes\r\n watch(() => props.src, (newSrc) => {\r\n if (playerRef.value && newSrc) {\r\n playerRef.value.load(newSrc);\r\n }\r\n });\r\n\r\n // Watch for playlist changes\r\n watch(() => props.playlist, (newPlaylist) => {\r\n if (playerRef.value && newPlaylist?.length > 0) {\r\n playerRef.value.loadPlaylist(newPlaylist);\r\n }\r\n }, { deep: true });\r\n\r\n // Watch for volume changes\r\n watch(() => props.volume, (newVolume) => {\r\n if (playerRef.value) {\r\n playerRef.value.setVolume(newVolume);\r\n }\r\n });\r\n\r\n // Watch for muted changes\r\n watch(() => props.muted, (newMuted) => {\r\n if (playerRef.value) {\r\n if (newMuted) {\r\n playerRef.value.mute();\r\n } else {\r\n playerRef.value.unmute();\r\n }\r\n }\r\n });\r\n\r\n // Expose methods\r\n expose({\r\n play: () => playerRef.value?.play(),\r\n pause: () => playerRef.value?.pause(),\r\n togglePlay: () => playerRef.value?.togglePlay(),\r\n seek: (time) => playerRef.value?.seek(time),\r\n seekPercent: (percent) => playerRef.value?.seekPercent(percent),\r\n setVolume: (vol) => playerRef.value?.setVolume(vol),\r\n getVolume: () => playerRef.value?.getVolume(),\r\n mute: () => playerRef.value?.mute(),\r\n unmute: () => playerRef.value?.unmute(),\r\n toggleMute: () => playerRef.value?.toggleMute(),\r\n setPlaybackRate: (rate) => playerRef.value?.setPlaybackRate(rate),\r\n enterFullscreen: () => playerRef.value?.enterFullscreen(),\r\n exitFullscreen: () => playerRef.value?.exitFullscreen(),\r\n toggleFullscreen: () => playerRef.value?.toggleFullscreen(),\r\n enterPiP: () => playerRef.value?.enterPiP(),\r\n exitPiP: () => playerRef.value?.exitPiP(),\r\n togglePiP: () => playerRef.value?.togglePiP(),\r\n cast: () => playerRef.value?.cast(),\r\n getState: () => playerRef.value?.getState(),\r\n getPlayer: () => playerRef.value,\r\n next: () => playerRef.value?.next(),\r\n previous: () => playerRef.value?.previous(),\r\n playAt: (index) => playerRef.value?.playAt(index),\r\n });\r\n\r\n return () => h(\r\n 'div',\r\n {\r\n ref: containerRef,\r\n class: 'plex-player-container',\r\n style: {\r\n width: '100%',\r\n aspectRatio: '16 / 9',\r\n position: 'relative',\r\n },\r\n },\r\n slots.default?.()\r\n );\r\n },\r\n});\r\n\r\n// Composables\r\nexport function usePlexPlayerState() {\r\n const player = usePlexPlayer();\r\n const state = ref(null);\r\n\r\n watch(player, (p) => {\r\n if (!p) return;\r\n\r\n const updateState = () => {\r\n state.value = p.getState();\r\n };\r\n\r\n p.on('timeupdate', updateState);\r\n p.on('play', updateState);\r\n p.on('pause', updateState);\r\n p.on('volumechange', updateState);\r\n\r\n updateState();\r\n }, { immediate: true });\r\n\r\n return state;\r\n}\r\n\r\nexport function usePlexPlayerTime() {\r\n const player = usePlexPlayer();\r\n const time = ref({ current: 0, duration: 0 });\r\n\r\n watch(player, (p) => {\r\n if (!p) return;\r\n\r\n p.on('timeupdate', (data) => {\r\n time.value = {\r\n current: data.currentTime,\r\n duration: data.duration,\r\n };\r\n });\r\n }, { immediate: true });\r\n\r\n return time;\r\n}\r\n\r\n// Named exports\r\nexport { PlexPlayer };\r\nexport default PlexPlayerVue;\r\n"],"names":["PlexPlayerKey","Symbol","usePlexPlayer","inject","ref","PlexPlayerVue","defineComponent","name","props","src","type","String","default","playlist","Array","autoplay","Boolean","muted","loop","volume","Number","poster","preload","keyboard","touch","pip","cast","fullscreen","controlsHideDelay","theme","Object","subtitles","ads","i18n","emits","setup","emit","slots","expose","containerRef","playerRef","isReady","provide","onMounted","value","player","PlexPlayer","container","on","data","currentTime","buffered","isFullscreen","error","load","length","loadPlaylist","onBeforeUnmount","destroy","watch","newSrc","newPlaylist","deep","newVolume","setVolume","newMuted","mute","unmute","play","pause","togglePlay","seek","time","seekPercent","percent","vol","getVolume","toggleMute","setPlaybackRate","rate","enterFullscreen","exitFullscreen","toggleFullscreen","enterPiP","exitPiP","togglePiP","getState","getPlayer","next","previous","playAt","index","h","class","style","width","aspectRatio","position","usePlexPlayerState","state","p","updateState","immediate","usePlexPlayerTime","current","duration"],"mappings":"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"}
package/dist/vue/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @frameset/plex-player v1.0.3
2
+ * @frameset/plex-player v1.0.5
3
3
  * Professional video player with VAST ads, Chromecast, PiP, subtitles, playlists and more. Built by FRAMESET Studio.
4
4
  * (c) 2026 FRAMESET Studio
5
5
  * Released under the MIT License
@@ -236,7 +236,7 @@ const PlexPlayerVue = vue.defineComponent({
236
236
  class: 'plex-player-container',
237
237
  style: {
238
238
  width: '100%',
239
- height: '100%',
239
+ aspectRatio: '16 / 9',
240
240
  position: 'relative'
241
241
  }
242
242
  }, slots.default?.());