itube-specs 0.0.788 → 0.0.790
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.
|
@@ -22,10 +22,14 @@ import type { Player, PlayerOptions, VideoSource, LocaleCode, AdsOptions, Previe
|
|
|
22
22
|
import { AdvertsHelper } from '@/utils/adverts-helper';
|
|
23
23
|
import { AdSpotType, ThumbSize } from '../../runtime';
|
|
24
24
|
import type { IVideoData, IVideoCard } from '../../types';
|
|
25
|
-
import
|
|
26
|
-
import
|
|
27
|
-
import
|
|
28
|
-
import
|
|
25
|
+
import playIcon from '~/assets/icons/player/play.svg?raw';
|
|
26
|
+
import fullscreenIcon from '~/assets/icons/player/fullscreen.svg?raw';
|
|
27
|
+
import seekIcon from '~/assets/icons/player/seek.svg?raw';
|
|
28
|
+
import settingsIcon from '~/assets/icons/player/settings.svg?raw';
|
|
29
|
+
import channelAvatarIcon from '~/assets/icons/player/channel-avatar.svg?raw';
|
|
30
|
+
import actionsIcon from '~/assets/icons/player/actions.svg?raw';
|
|
31
|
+
import locationIcon from '~/assets/icons/player/location.svg?raw';
|
|
32
|
+
import modelsIcon from '~/assets/icons/player/models.svg?raw';
|
|
29
33
|
|
|
30
34
|
const props = defineProps<{
|
|
31
35
|
data: IVideoData
|
|
@@ -76,39 +80,46 @@ function onSourceChange(): void {
|
|
|
76
80
|
}
|
|
77
81
|
}
|
|
78
82
|
|
|
79
|
-
//
|
|
80
|
-
//
|
|
81
|
-
const
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
//
|
|
86
|
-
|
|
83
|
+
// Ключ localStorage, под которым плеер (опция persist) хранит громкость/mute и состояние
|
|
84
|
+
// тумблера autoplay-next.
|
|
85
|
+
const PLAYER_PERSIST_KEY = 'itube-player';
|
|
86
|
+
|
|
87
|
+
// Иконки плеера сырыми <svg> (?raw): itube-modern-player принимает не имя/компонент, а
|
|
88
|
+
// строку svg — options.icons и sceneGroups[].icon.svg. currentColor у иконок — чтобы цвет
|
|
89
|
+
// задавал сам плеер (solid/inverted, перекраска в меню сцен). bigPlay идёт и в SSR-заглушку
|
|
90
|
+
// (renderPlaceholder читает icons.bigPlay). seek одна — «назад» отражается через scaleX(-1)
|
|
91
|
+
// в стилях (.imp-*--seek-back svg).
|
|
92
|
+
const PLAYER_ICONS = {
|
|
93
|
+
play: playIcon,
|
|
94
|
+
bigPlay: playIcon,
|
|
95
|
+
fullscreen: fullscreenIcon,
|
|
96
|
+
settings: settingsIcon,
|
|
97
|
+
seekForward: seekIcon,
|
|
98
|
+
seekBack: seekIcon,
|
|
99
|
+
};
|
|
87
100
|
|
|
88
|
-
|
|
101
|
+
// Аватар-заглушка канала для чанка previewMeta ховер-превью (просто кружок, как в дизайне).
|
|
102
|
+
const CHANNEL_META_ICON = channelAvatarIcon;
|
|
89
103
|
|
|
90
|
-
//
|
|
91
|
-
const
|
|
104
|
+
// Иконки типов сцен по id группы (timelinesGroups).
|
|
105
|
+
const SCENE_ICONS: Record<string, string> = {
|
|
106
|
+
actions: actionsIcon,
|
|
107
|
+
locations: locationIcon,
|
|
108
|
+
scene: modelsIcon,
|
|
109
|
+
};
|
|
92
110
|
|
|
93
111
|
const PLAYER_LOCALES: LocaleCode[] = ['en', 'ru', 'de', 'es', 'it', 'ja', 'ko', 'zh', 'pt', 'ar', 'hi'];
|
|
94
112
|
const playerLanguage = computed<LocaleCode>(() =>
|
|
95
113
|
PLAYER_LOCALES.includes(locale.value as LocaleCode) ? locale.value as LocaleCode : 'en'
|
|
96
114
|
);
|
|
97
115
|
|
|
98
|
-
// Иконки типов сцен (inline через ?raw — в меню перекрашиваются под currentColor).
|
|
99
|
-
const SCENE_ICON: Record<string, string> = {
|
|
100
|
-
actions: actionsIcon,
|
|
101
|
-
locations: locationIcon,
|
|
102
|
-
scene: modelsIcon,
|
|
103
|
-
};
|
|
104
|
-
|
|
105
116
|
// timelinesGroups уже очищены клинером ({ id, title, scenes }) — добавляем только иконку по id.
|
|
106
117
|
const sceneGroups = computed<SceneGroup[] | undefined>(() => {
|
|
107
118
|
const groups = props.data.timelinesGroups;
|
|
108
119
|
if (!groups?.length) return undefined;
|
|
109
120
|
|
|
110
121
|
return groups.map((group) => {
|
|
111
|
-
const icon =
|
|
122
|
+
const icon = SCENE_ICONS[group.id];
|
|
112
123
|
return icon ? { ...group, icon: { svg: icon } } : group;
|
|
113
124
|
});
|
|
114
125
|
});
|
|
@@ -217,8 +228,7 @@ const options = computed<Omit<PlayerOptions, 'source'>>(() => ({
|
|
|
217
228
|
// Порядок правого кластера: sceneTypes → gear (настройки) → fullscreen (последней).
|
|
218
229
|
order: ['sceneTypes', 'gear', 'fullscreen'],
|
|
219
230
|
},
|
|
220
|
-
|
|
221
|
-
icons: { play: PLAY_ICON, bigPlay: PLAY_ICON, fullscreen: FULLSCREEN_ICON, settings: SETTINGS_ICON, seekForward: SEEK_ICON, seekBack: SEEK_ICON },
|
|
231
|
+
icons: PLAYER_ICONS,
|
|
222
232
|
// Заголовок дропдауна выбора типа сцен (дефолт «Scene type»).
|
|
223
233
|
labels: { sceneTypes: t('timeline_markers') },
|
|
224
234
|
// Запоминаем громкость/mute в localStorage.
|
|
@@ -51,15 +51,14 @@ export const useFetchVideo = async (
|
|
|
51
51
|
)(),
|
|
52
52
|
);
|
|
53
53
|
|
|
54
|
-
//
|
|
55
|
-
//
|
|
56
|
-
//
|
|
57
|
-
//
|
|
58
|
-
// и
|
|
59
|
-
//
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
if (value && route.name === videoRouteName) refresh();
|
|
54
|
+
// Рефетч ТОЛЬКО при смене ?view (переключение ролика плеером/next-video без смены path).
|
|
55
|
+
// НЕ следим за identifier/slug: смена path-параметра сама пересоздаёт страницу (дефолтный
|
|
56
|
+
// key <NuxtPage> = путь с подставленным параметром) → setup перезапускается и фетчит заново.
|
|
57
|
+
// Следить за slug нельзя: route.params.slug общий для всех [slug]-роутов, и при уходе на
|
|
58
|
+
// /categories/<slug> и т.п. watch дёргал бы getVideoById с чужим слагом (400 + ложный 404).
|
|
59
|
+
// ?view при таком уходе не становится истинным, поэтому рефетча на уходе нет.
|
|
60
|
+
watch(view, (value) => {
|
|
61
|
+
if (value) refresh();
|
|
63
62
|
});
|
|
64
63
|
|
|
65
64
|
return { data, status, error };
|