Merge branch 'release/1.1.4'

cawa-93 · Sep 13, 2019 · 697494b · 697494b
2 parents 86be74e + 43d3854
commit 697494b
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 13 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "description": "Расширение позволяет смотреть аниме онлайн и синхронизировать его с вашим списком на Шикимори (shikimori.org и shikimori.one)",
   "name": "play-shiki-online",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

diff --git a/src/UI/components/player.vue b/src/UI/components/player.vue
@@ -42,6 +42,7 @@
             config.append('play-shikimori[episodeId]', `${this.translation.episodeId}`);
             config.append('play-shikimori[id]', `${this.translation.id}`);
             config.append('play-shikimori[isAutoPlay]', '1');
+            config.append('play-shikimori[fullScreen]', document.fullscreenElement ? '1' : '0');
 
             if (playerStore.currentEpisode) {
                 config.set(

diff --git a/src/content-scripts/anime365-player-events.ts b/src/content-scripts/anime365-player-events.ts
@@ -26,6 +26,7 @@ import videojs from 'video.js';
             const EPISODE_ID = config.get('play-shikimori[episodeId]');
             const NEXT_EPISODE = config.get('play-shikimori[nextEpisode]') === '1';
             const IS_AUTO_PLAY = config.get('play-shikimori[isAutoPlay]') === '1';
+            const IS_FULL_SCREEN = config.get('play-shikimori[fullScreen]') === '1';
 
 
             /**
@@ -40,7 +41,6 @@ import videojs from 'video.js';
 
 
                 setCurrentTime();
-                initSaveFullScreenState();
                 let nextEpisodeButton: HTMLButtonElement | null;
                 if (NEXT_EPISODE) {
                     nextEpisodeButton = createNextEpisodeButton();
@@ -67,6 +67,30 @@ import videojs from 'video.js';
                         toggleNextEpisodeButtonThrottled({currentTime, duration, nextEpisodeButton});
                     }
                 });
+
+
+                /**
+                 * Если фрейм с видео развернут на весь екран
+                 * выполнить .requestFullscreen()
+                 * чтобы переключить встроенный интерфейс плеера в полноекранный режим
+                 */
+                if (IS_FULL_SCREEN) {
+                    /**
+                     * Операция возможна только если пользователь самостоятельно переключил серию
+                     * Если серия переключилась автоматически, то браузер не позволит развернуть плеер
+                     * и requestFullscreen() приведет к ошибке
+                     *
+                     * @see https://stackoverflow.com/a/29282049/4543826
+                     */
+                    player.requestFullscreen();
+                }
+
+                /**
+                 * Ранее состояние плеера сохранялось в хранилище с ключем "play-fullscreen-state"
+                 * Теперь механизм сохранения состояния плеера отличается.
+                 * Больше нет необходимости хранить состояние в хранилище и данные можно удалить
+                 */
+                storage.delete('play-fullscreen-state');
             }
 
 
@@ -175,13 +199,6 @@ import videojs from 'video.js';
             }
 
 
-            function initSaveFullScreenState() {
-                player.on('fullscreenchange', () => {
-                    storage.set(`play-fullscreen-state`, player.isFullscreen());
-                });
-            }
-
-
             /**
              * Функция автоматически запускает воспроизведение, если нет рекламной вставки
              */
@@ -190,9 +207,6 @@ import videojs from 'video.js';
                     return;
                 }
 
-                if (await storage.get(`play-fullscreen-state`) === true) {
-                    player.requestFullscreen();
-                }
                 player.play();
             }