myetv-player 1.4.0 → 1.5.0

package/dist/myetv-player.min.js

@@ -23,7 +23,9 @@ class VideoPlayerI18n {
  'prev_video': 'Video precedente (P)',
  'playlist_next': 'Avanti',
  'playlist_prev': 'Indietro',
- 'settings_menu': 'Impostazioni'
+ 'settings_menu': 'Impostazioni',
+ 'loading': 'Caricamento...',
+ 'encoding_in_progress': 'Encoding in corso'
  },
 
  'en': {
@@ -44,7 +46,9 @@ class VideoPlayerI18n {
  'prev_video': 'Previous video (P)',
  'playlist_next': 'Next',
  'playlist_prev': 'Previous',
- 'settings_menu': 'Settings'
+ 'settings_menu': 'Settings',
+ 'loading': 'Loading...',
+ 'encoding_in_progress': 'Encoding in progress'
  },
 
  'es': {
@@ -65,7 +69,9 @@ class VideoPlayerI18n {
  'prev_video': 'Vídeo anterior (P)',
  'playlist_next': 'Siguiente',
  'playlist_prev': 'Anterior',
- 'settings_menu': 'Configuración'
+ 'settings_menu': 'Configuración',
+ 'loading': 'Cargando...',
+ 'encoding_in_progress': 'Codificación en curso'
  },
 
  'fr': {
@@ -78,7 +84,7 @@ class VideoPlayerI18n {
  'volume': 'Volume',
  'playback_speed': 'Vitesse de lecture',
  'video_quality': 'Qualité vidéo',
- 'picture_in_picture': 'Image dans l’image (P)',
+ 'picture_in_picture': 'Image dans l\'image(P)',
  'fullscreen': 'Plein écran (F)',
  'auto': 'Auto',
  'brand_logo': 'Logo de marque',
@@ -86,7 +92,9 @@ class VideoPlayerI18n {
  'prev_video': 'Vidéo précédente (P)',
  'playlist_next': 'Suivant',
  'playlist_prev': 'Précédent',
- 'settings_menu': 'Paramètres'
+ 'settings_menu': 'Paramètres',
+ 'loading': 'Chargement...',
+ 'encoding_in_progress': 'Encodage en cours'
  },
 
  'de': {
@@ -107,7 +115,9 @@ class VideoPlayerI18n {
  'prev_video': 'Vorheriges Video (P)',
  'playlist_next': 'Weiter',
  'playlist_prev': 'Zurück',
- 'settings_menu': 'Einstellungen'
+ 'settings_menu': 'Einstellungen',
+ 'loading': 'Laden...',
+ 'encoding_in_progress': 'Kodierung läuft'
  },
 
  'pt': {
@@ -128,7 +138,9 @@ class VideoPlayerI18n {
  'prev_video': 'Vídeo anterior (P)',
  'playlist_next': 'Próximo',
  'playlist_prev': 'Anterior',
- 'settings_menu': 'Configurações'
+ 'settings_menu': 'Configurações',
+ 'loading': 'Carregando...',
+ 'encoding_in_progress': 'Codificação em andamento'
  },
 
  'zh': {
@@ -149,7 +161,9 @@ class VideoPlayerI18n {
  'prev_video': '上一个视频 (P)',
  'playlist_next': '下一个',
  'playlist_prev': '上一个',
- 'settings_menu': '设置'
+ 'settings_menu': '设置',
+ 'loading': '加载中...',
+ 'encoding_in_progress': '编码中'
  },
 
  'ja': {
@@ -170,7 +184,9 @@ class VideoPlayerI18n {
  'prev_video': '前の動画 (P)',
  'playlist_next': '次へ',
  'playlist_prev': '前へ',
- 'settings_menu': '設定'
+ 'settings_menu': '設定',
+ 'loading': '読み込み中...',
+ 'encoding_in_progress': 'エンコード中'
  },
 
  'ru': {
@@ -191,7 +207,9 @@ class VideoPlayerI18n {
  'prev_video': 'Предыдущее видео (P)',
  'playlist_next': 'Далее',
  'playlist_prev': 'Назад',
- 'settings_menu': 'Настройки'
+ 'settings_menu': 'Настройки',
+ 'loading': 'Загрузка...',
+ 'encoding_in_progress': 'Кодирование'
  },
 
  'ar': {
@@ -212,7 +230,9 @@ class VideoPlayerI18n {
  'prev_video': 'الفيديو السابق (P)',
  'playlist_next': 'التالي',
  'playlist_prev': 'السابق',
- 'settings_menu': 'الإعدادات'
+ 'settings_menu': 'الإعدادات',
+ 'loading': 'جاري التحميل...',
+ 'encoding_in_progress': 'الترميز جارٍ'
  },
 
  'ko': {
@@ -233,7 +253,9 @@ class VideoPlayerI18n {
  'prev_video': '이전 비디오 (P)',
  'playlist_next': '다음',
  'playlist_prev': '이전',
- 'settings_menu': '설정'
+ 'settings_menu': '설정',
+ 'loading': '로딩 중...',
+ 'encoding_in_progress': '인코딩 진행 중'
  },
 
  'pl': {
@@ -254,7 +276,9 @@ class VideoPlayerI18n {
  'prev_video': 'Poprzednie wideo (P)',
  'playlist_next': 'Dalej',
  'playlist_prev': 'Wstecz',
- 'settings_menu': 'Ustawienia'
+ 'settings_menu': 'Ustawienia',
+ 'loading': 'Ładowanie...',
+ 'encoding_in_progress': 'Kodowanie w toku'
  },
 
  'hu': {
@@ -275,7 +299,9 @@ class VideoPlayerI18n {
  'prev_video': 'Előző videó (P)',
  'playlist_next': 'Következő',
  'playlist_prev': 'Előző',
- 'settings_menu': 'Beállítások'
+ 'settings_menu': 'Beállítások',
+ 'loading': 'Betöltés...',
+ 'encoding_in_progress': 'Kódolás folyamatban'
  },
 
  'tr': {
@@ -296,7 +322,9 @@ class VideoPlayerI18n {
  'prev_video': 'Önceki video (P)',
  'playlist_next': 'Sonraki',
  'playlist_prev': 'Önceki',
- 'settings_menu': 'Ayarlar'
+ 'settings_menu': 'Ayarlar',
+ 'loading': 'Yükleniyor...',
+ 'encoding_in_progress': 'Kodlama devam ediyor'
  },
 
  'nl': {
@@ -317,7 +345,9 @@ class VideoPlayerI18n {
  'prev_video': 'Vorige video (P)',
  'playlist_next': 'Volgende',
  'playlist_prev': 'Vorige',
- 'settings_menu': 'Instellingen'
+ 'settings_menu': 'Instellingen',
+ 'loading': 'Laden...',
+ 'encoding_in_progress': 'Codering bezig'
  },
 
  'hi': {
@@ -338,7 +368,9 @@ class VideoPlayerI18n {
  'prev_video': 'पिछला वीडियो (P)',
  'playlist_next': 'अगला',
  'playlist_prev': 'पिछला',
- 'settings_menu': 'सेटिंग्स'
+ 'settings_menu': 'सेटिंग्स',
+ 'loading': 'लोड हो रहा है...',
+ 'encoding_in_progress': 'एन्कोडिंग प्रगति में'
  },
 
  'sv': {
@@ -359,7 +391,9 @@ class VideoPlayerI18n {
  'prev_video': 'Föregående video (P)',
  'playlist_next': 'Nästa',
  'playlist_prev': 'Föregående',
- 'settings_menu': 'Inställningar'
+ 'settings_menu': 'Inställningar',
+ 'loading': 'Laddar...',
+ 'encoding_in_progress': 'Kodning pågår'
  },
 
  'id': {
@@ -380,7 +414,9 @@ class VideoPlayerI18n {
  'prev_video': 'Video sebelumnya (P)',
  'playlist_next': 'Berikutnya',
  'playlist_prev': 'Sebelumnya',
- 'settings_menu': 'Pengaturan'
+ 'settings_menu': 'Pengaturan',
+ 'loading': 'Memuat...',
+ 'encoding_in_progress': 'Encoding sedang berlangsung'
  }
  };
 
@@ -493,7 +529,9 @@ try {
  'fullscreen': 'Fullscreen (F)',
  'auto': 'Auto',
  'brand_logo': 'Brand logo',
- 'settings_menu': 'Settings'
+ 'settings_menu': 'Settings',
+ 'loading': 'Loading...',
+ 'encoding_in_progress': 'Encoding in progress'
  };
  return fallback[key] || key;
  },
@@ -802,6 +840,49 @@ constructor(videoElement, options = {}) {
  }
 }
 
+decodeHTMLEntities(text) {
+ if (!text) return '';
+ const textarea = document.createElement('textarea');
+ textarea.innerHTML = text;
+ return textarea.value;
+}
+
+isFireTV() {
+ const ua = navigator.userAgent.toLowerCase();
+ return ua.includes('aftm') ||
+ ua.includes('aftb') ||
+ ua.includes('afts') ||
+ ua.includes('aftmm') ||
+ ua.includes('aftt');
+}
+
+optimizeVideoForFireTV() {
+ if (!this.isFireTV() || !this.video) return;
+
+ if (this.options.debug) {
+ console.log('Fire TV detected - applying optimizations');
+ }
+
+ this.video.setAttribute('playsinline', '');
+ this.video.setAttribute('webkit-playsinline', '');
+
+ this.video.style.transform = 'translateZ(0)';
+ this.video.style.webkitTransform = 'translateZ(0)';
+ this.video.style.backfaceVisibility = 'hidden';
+ this.video.style.webkitBackfaceVisibility = 'hidden';
+ this.video.style.willChange = 'transform';
+
+ this.video.addEventListener('loadeddata', () => {
+ if (this.options.debug) {
+ console.log('Fire TV: Video loaded, forcing repaint');
+ }
+ this.video.style.display = 'none';
+ setTimeout(() => {
+ this.video.style.display = 'block';
+ }, 10);
+ }, { once: true });
+}
+
 getPlayerState() {
  return {
  isPlaying: !this.isPaused(),
@@ -1091,6 +1172,7 @@ createPlayerStructure() {
 
  this.container = wrapper;
 
+ this.optimizeVideoForFireTV();
  this.createInitialLoading();
  this.createLoadingOverlay();
  this.collectVideoQualities();
@@ -1131,13 +1213,13 @@ createTitleOverlay() {
 
  const titleText = document.createElement('h2');
  titleText.className = 'title-text';
- titleText.textContent = this.options.videoTitle || '';
+ titleText.textContent = this.decodeHTMLEntities(this.options.videoTitle) || '';
  overlay.appendChild(titleText);
 
  if (this.options.videoSubtitle) {
  const subtitleText = document.createElement('p');
  subtitleText.className = 'subtitle-text';
- subtitleText.textContent = this.options.videoSubtitle;
+ subtitleText.textContent = this.decodeHTMLEntities(this.options.videoSubtitle);
  overlay.appendChild(subtitleText);
  }
 
@@ -1192,7 +1274,7 @@ setVideoTitle(title) {
  if (this.titleOverlay) {
  const titleElement = this.titleOverlay.querySelector('.title-text');
  if (titleElement) {
- titleElement.textContent = this.options.videoTitle;
+ titleElement.textContent = this.decodeHTMLEntities(this.options.videoTitle);
  }
 
  if (title) {
@@ -1727,6 +1809,8 @@ updateDuration() {
  if (this.durationEl && this.video && this.video.duration && !isNaN(this.video.duration)) {
  this.durationEl.textContent = this.formatTime(this.video.duration);
  }
+
+ this.updateTimeDisplay();
 }
 
 changeSpeed(e) {
@@ -1992,7 +2076,7 @@ switchToVideo(newVideoElement, shouldPlay = false) {
  if (newTitle && this.options.showTitleOverlay) {
  this.options.videoTitle = newTitle;
  if (this.titleText) {
- this.titleText.textContent = newTitle;
+ this.titleText.textContent = this.decodeHTMLEntities(newTitle);
  }
  }
 
@@ -2482,12 +2566,16 @@ addEventListener(eventType, callback) {
  this.showLoading();
  }
 
+ this.updateTimeDisplay();
+
  this.triggerEvent('loadstart');
  });
 
  this.video.addEventListener('loadedmetadata', () => {
  this.updateDuration();
 
+ this.updateTimeDisplay();
+
  this.triggerEvent('loadedmetadata', {
  duration: this.getDuration(),
  videoWidth: this.video.videoWidth,
@@ -2504,6 +2592,8 @@ addEventListener(eventType, callback) {
  this.hideLoading();
  }
 
+ this.updateTimeDisplay();
+
  this.triggerEvent('loadeddata', {
  currentTime: this.getCurrentTime()
  });
@@ -2514,12 +2604,26 @@ addEventListener(eventType, callback) {
  this.hideLoading();
  }
 
+ this.updateTimeDisplay();
+
  this.triggerEvent('canplay', {
  currentTime: this.getCurrentTime(),
  duration: this.getDuration()
  });
  });
 
+ this.video.addEventListener('waiting', () => {
+ if (!this.isChangingQuality) {
+ this.showLoading();
+
+ this.updateTimeDisplay();
+
+ this.triggerEvent('waiting', {
+ currentTime: this.getCurrentTime()
+ });
+ }
+ });
+
  this.video.addEventListener('progress', () => {
  this.updateBuffer();
 
@@ -6901,20 +7005,20 @@ getBufferedTime() {
  } catch (error) {
  return 0;
  }
- }
+}
 
- clearTitleTimeout() {
+clearTitleTimeout() {
  if (this.titleTimeout) {
  clearTimeout(this.titleTimeout);
  this.titleTimeout = null;
  }
- }
+}
 
- skipTime(seconds) {
+skipTime(seconds) {
  if (!this.video || !this.video.duration || this.isChangingQuality) return;
 
  this.video.currentTime = Math.max(0, Math.min(this.video.duration, this.video.currentTime + seconds));
- }
+}
 
 updateTimeDisplay() {
 
@@ -6924,20 +7028,34 @@ updateTimeDisplay() {
 
  if (this.durationEl && this.video) {
  const duration = this.video.duration;
+ const readyState = this.video.readyState;
+ const currentTime = this.video.currentTime;
+ const networkState = this.video.networkState;
+
+ const isInitialBuffering = (readyState < 2 && currentTime === 0) ||
+ (currentTime === 0 && (!duration || duration === 0) && networkState === 2);
 
- if (!duration || isNaN(duration) || !isFinite(duration)) {
+ const isDurationInvalid = !duration || isNaN(duration) || !isFinite(duration);
 
- this.durationEl.innerHTML = '<span class="encoding-badge">Encoding in progress</span>';
+ if (isInitialBuffering) {
+
+ this.durationEl.textContent = t('loading');
+ this.durationEl.classList.remove('encoding-state');
+ this.durationEl.classList.add('loading-state');
+ } else if (isDurationInvalid) {
+
+ this.durationEl.textContent = t('encoding_in_progress');
+ this.durationEl.classList.remove('loading-state');
  this.durationEl.classList.add('encoding-state');
  } else {
 
  this.durationEl.textContent = this.formatTime(duration);
- this.durationEl.classList.remove('encoding-state');
+ this.durationEl.classList.remove('encoding-state', 'loading-state');
  }
  }
 }
 
- formatTime(seconds) {
+formatTime(seconds) {
  if (isNaN(seconds) || seconds < 0) return '0:00';
 
  const hours = Math.floor(seconds / 3600);
@@ -6948,7 +7066,7 @@ updateTimeDisplay() {
  return `${hours}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
  }
  return `${minutes}:${secs.toString().padStart(2, '0')}`;
- }
+}
 
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myetv-player",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "MYETV Video Player - Modular HTML5 video player with plugin support for YouTube, Vimeo, Twitch, Facebook, and streaming protocols (HLS/DASH)",
   "main": "dist/myetv-player.js",
   "files": [
@@ -59,3 +59,4 @@
 }
 
 
+