@videts/vide 0.8.0 → 0.9.2
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.
- package/README.md +9 -9
- package/dist/chunk-2OVLZ27V.mjs +1 -0
- package/dist/chunk-3RDTWUHH.mjs +1 -0
- package/dist/chunk-6DWWYSH4.mjs +1 -0
- package/dist/chunk-G74QBLVV.mjs +1 -0
- package/dist/chunk-JRU2FKRB.mjs +2 -0
- package/dist/chunk-LPSJOF2I.mjs +2 -0
- package/dist/chunk-NA4C7W64.mjs +2 -0
- package/dist/chunk-UY5CGRNN.mjs +1 -0
- package/dist/chunk-VPH4JIJV.mjs +1 -0
- package/dist/chunk-WINCDUN5.mjs +1 -0
- package/dist/dash/index.d.ts +3 -9
- package/dist/dash/index.js +1 -0
- package/dist/dash/index.mjs +1 -2
- package/dist/drm/index.d.ts +4 -31
- package/dist/drm/index.js +1 -0
- package/dist/drm/index.mjs +1 -1
- package/dist/hls/index.d.ts +3 -9
- package/dist/hls/index.js +1 -0
- package/dist/hls/index.mjs +1 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +1 -0
- package/dist/index.mjs +1 -1
- package/dist/omid/index.d.ts +2 -2
- package/dist/omid/index.js +2 -0
- package/dist/react/index.d.ts +240 -0
- package/dist/react/index.js +2 -0
- package/dist/react/index.mjs +2 -0
- package/dist/simid/index.d.ts +2 -2
- package/dist/simid/index.js +1 -0
- package/dist/ssai/index.d.ts +4 -40
- package/dist/ssai/index.js +1 -0
- package/dist/ssai/index.mjs +1 -1
- package/dist/svelte/DashPlugin.svelte +23 -0
- package/dist/svelte/DashPlugin.svelte.d.ts +4 -0
- package/dist/svelte/DrmPlugin.svelte +20 -0
- package/dist/svelte/DrmPlugin.svelte.d.ts +4 -0
- package/dist/svelte/HlsPlugin.svelte +23 -0
- package/dist/svelte/HlsPlugin.svelte.d.ts +4 -0
- package/dist/svelte/SsaiPlugin.svelte +23 -0
- package/dist/svelte/SsaiPlugin.svelte.d.ts +4 -0
- package/dist/svelte/VastPlugin.svelte +20 -0
- package/dist/svelte/VastPlugin.svelte.d.ts +4 -0
- package/dist/svelte/VideControls.svelte +22 -0
- package/dist/svelte/VideControls.svelte.d.ts +8 -0
- package/dist/svelte/VideUI.svelte +49 -0
- package/dist/svelte/VideUI.svelte.d.ts +9 -0
- package/dist/svelte/Video.svelte +31 -0
- package/dist/svelte/Video.svelte.d.ts +10 -0
- package/dist/svelte/VmapPlugin.svelte +20 -0
- package/dist/svelte/VmapPlugin.svelte.d.ts +4 -0
- package/dist/svelte/components/AdCountdown.svelte +37 -0
- package/dist/svelte/components/AdCountdown.svelte.d.ts +7 -0
- package/dist/svelte/components/AdLabel.svelte +26 -0
- package/dist/svelte/components/AdLabel.svelte.d.ts +8 -0
- package/dist/svelte/components/AdLearnMore.svelte +42 -0
- package/dist/svelte/components/AdLearnMore.svelte.d.ts +9 -0
- package/dist/svelte/components/AdOverlay.svelte +46 -0
- package/dist/svelte/components/AdOverlay.svelte.d.ts +8 -0
- package/dist/svelte/components/AdSkip.svelte +67 -0
- package/dist/svelte/components/AdSkip.svelte.d.ts +8 -0
- package/dist/svelte/components/BigPlayButton.svelte +46 -0
- package/dist/svelte/components/BigPlayButton.svelte.d.ts +8 -0
- package/dist/svelte/components/ClickPlay.svelte +76 -0
- package/dist/svelte/components/ClickPlay.svelte.d.ts +7 -0
- package/dist/svelte/components/ErrorDisplay.svelte +27 -0
- package/dist/svelte/components/ErrorDisplay.svelte.d.ts +6 -0
- package/dist/svelte/components/FullscreenButton.svelte +65 -0
- package/dist/svelte/components/FullscreenButton.svelte.d.ts +9 -0
- package/dist/svelte/components/Loader.svelte +11 -0
- package/dist/svelte/components/Loader.svelte.d.ts +6 -0
- package/dist/svelte/components/MuteButton.svelte +57 -0
- package/dist/svelte/components/MuteButton.svelte.d.ts +8 -0
- package/dist/svelte/components/PlayButton.svelte +63 -0
- package/dist/svelte/components/PlayButton.svelte.d.ts +8 -0
- package/dist/svelte/components/Poster.svelte +13 -0
- package/dist/svelte/components/Poster.svelte.d.ts +8 -0
- package/dist/svelte/components/Progress.svelte +101 -0
- package/dist/svelte/components/Progress.svelte.d.ts +6 -0
- package/dist/svelte/components/TimeDisplay.svelte +33 -0
- package/dist/svelte/components/TimeDisplay.svelte.d.ts +7 -0
- package/dist/svelte/components/Volume.svelte +117 -0
- package/dist/svelte/components/Volume.svelte.d.ts +8 -0
- package/dist/svelte/context.d.ts +6 -0
- package/dist/svelte/context.js +10 -0
- package/dist/svelte/create-vide-player.svelte.d.ts +2 -0
- package/dist/svelte/create-vide-player.svelte.js +22 -0
- package/dist/svelte/helpers.d.ts +17 -0
- package/dist/svelte/helpers.js +31 -0
- package/dist/svelte/icons/IconFullscreenEnter.svelte +3 -0
- package/dist/svelte/icons/IconFullscreenEnter.svelte.d.ts +26 -0
- package/dist/svelte/icons/IconFullscreenExit.svelte +3 -0
- package/dist/svelte/icons/IconFullscreenExit.svelte.d.ts +26 -0
- package/dist/svelte/icons/IconPause.svelte +3 -0
- package/dist/svelte/icons/IconPause.svelte.d.ts +26 -0
- package/dist/svelte/icons/IconPlay.svelte +3 -0
- package/dist/svelte/icons/IconPlay.svelte.d.ts +26 -0
- package/dist/svelte/icons/IconVolumeHigh.svelte +3 -0
- package/dist/svelte/icons/IconVolumeHigh.svelte.d.ts +26 -0
- package/dist/svelte/icons/IconVolumeLow.svelte +3 -0
- package/dist/svelte/icons/IconVolumeLow.svelte.d.ts +26 -0
- package/dist/svelte/icons/IconVolumeMute.svelte +3 -0
- package/dist/svelte/icons/IconVolumeMute.svelte.d.ts +26 -0
- package/dist/svelte/index.d.ts +42 -0
- package/dist/svelte/index.js +39 -0
- package/dist/svelte/use-ad-state.svelte.d.ts +7 -0
- package/dist/svelte/use-ad-state.svelte.js +40 -0
- package/dist/svelte/use-autohide.svelte.d.ts +2 -0
- package/dist/svelte/use-autohide.svelte.js +68 -0
- package/dist/svelte/use-keyboard.svelte.d.ts +7 -0
- package/dist/svelte/use-keyboard.svelte.js +96 -0
- package/dist/svelte/use-plugin.svelte.d.ts +15 -0
- package/dist/svelte/use-plugin.svelte.js +40 -0
- package/dist/svelte/use-vide-event.svelte.d.ts +3 -0
- package/dist/svelte/use-vide-event.svelte.js +9 -0
- package/dist/{types-vxIcXgJz.d.ts → types-BsEF8iWC.d.ts} +106 -1
- package/dist/types-C1_eVsFF.d.ts +49 -0
- package/dist/types-C6XFF6w_.d.ts +30 -0
- package/dist/types-COeag8fU.d.ts +173 -0
- package/dist/types-CwjR99DL.d.ts +10 -0
- package/dist/types-DsixuzNX.d.ts +52 -0
- package/dist/types-DzY1cmXC.d.ts +10 -0
- package/dist/types-SuT99_Z3.d.ts +40 -0
- package/dist/ui/index.d.ts +7 -37
- package/dist/ui/index.js +1 -0
- package/dist/ui/index.mjs +1 -2
- package/dist/ui/theme.css +138 -46
- package/dist/vast/index.d.ts +188 -4
- package/dist/vast/index.js +1 -0
- package/dist/vast/index.mjs +1 -1
- package/dist/vide.core.global.js +1 -1
- package/dist/vide.global.js +2 -2
- package/dist/vide.ssai.global.js +1 -1
- package/dist/vide.ui.css +138 -46
- package/dist/vide.ui.global.js +1 -1
- package/dist/vide.vast.global.js +1 -1
- package/dist/vide.vmap.global.js +1 -1
- package/dist/vmap/index.d.ts +5 -49
- package/dist/vmap/index.js +1 -0
- package/dist/vmap/index.mjs +1 -1
- package/dist/vue/index.d.ts +354 -0
- package/dist/vue/index.js +2 -0
- package/dist/vue/index.mjs +2 -0
- package/package.json +46 -5
- package/dist/chunk-726XNUGZ.mjs +0 -1
- package/dist/chunk-G4Q7R3SH.mjs +0 -1
- package/dist/types-CAJmacV6.d.ts +0 -98
package/dist/vide.ui.css
CHANGED
|
@@ -62,10 +62,10 @@
|
|
|
62
62
|
--vide-ad-overlay-gap: 12px;
|
|
63
63
|
|
|
64
64
|
/* ── Skip ── */
|
|
65
|
-
--vide-skip-bg: rgba(24, 24, 28, 0.
|
|
65
|
+
--vide-skip-bg: rgba(24, 24, 28, 0.5);
|
|
66
66
|
--vide-skip-border: rgba(255, 255, 255, 0.22);
|
|
67
67
|
--vide-skip-color: #fff;
|
|
68
|
-
--vide-skip-padding-y:
|
|
68
|
+
--vide-skip-padding-y: 7px;
|
|
69
69
|
--vide-skip-padding-x: 16px;
|
|
70
70
|
--vide-skip-font-size: 14px;
|
|
71
71
|
--vide-skip-gap: 6px;
|
|
@@ -91,6 +91,14 @@
|
|
|
91
91
|
outline: none;
|
|
92
92
|
overflow: hidden;
|
|
93
93
|
box-sizing: border-box;
|
|
94
|
+
container-type: inline-size;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.vide-ui:fullscreen {
|
|
98
|
+
display: flex;
|
|
99
|
+
flex-direction: column;
|
|
100
|
+
justify-content: center;
|
|
101
|
+
background: #000;
|
|
94
102
|
}
|
|
95
103
|
|
|
96
104
|
.vide-ui *,
|
|
@@ -99,6 +107,36 @@
|
|
|
99
107
|
box-sizing: border-box;
|
|
100
108
|
}
|
|
101
109
|
|
|
110
|
+
/* ── Mini progress bar (always visible at bottom) ── */
|
|
111
|
+
|
|
112
|
+
.vide-ui::after {
|
|
113
|
+
content: "";
|
|
114
|
+
position: absolute;
|
|
115
|
+
bottom: 0;
|
|
116
|
+
left: 0;
|
|
117
|
+
right: 0;
|
|
118
|
+
height: 2px;
|
|
119
|
+
background: var(--vide-accent);
|
|
120
|
+
transform: scaleX(var(--vide-progress, 0));
|
|
121
|
+
transform-origin: left;
|
|
122
|
+
z-index: 3;
|
|
123
|
+
opacity: 0;
|
|
124
|
+
transition: opacity 0.3s var(--vide-ease);
|
|
125
|
+
pointer-events: none;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.vide-ui--autohide::after,
|
|
129
|
+
.vide-ui--playing:not(:hover)::after,
|
|
130
|
+
.vide-ui--ad-playing:not(:hover)::after {
|
|
131
|
+
opacity: 1;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.vide-ui--ad-loading::after,
|
|
135
|
+
.vide-ui--ad-playing::after,
|
|
136
|
+
.vide-ui--ad-paused::after {
|
|
137
|
+
background: var(--vide-accent-ad);
|
|
138
|
+
}
|
|
139
|
+
|
|
102
140
|
/* ═══════════════════════════════════════════
|
|
103
141
|
AUTOHIDE (mouse-idle during playback)
|
|
104
142
|
═══════════════════════════════════════════ */
|
|
@@ -116,6 +154,18 @@
|
|
|
116
154
|
display: none;
|
|
117
155
|
}
|
|
118
156
|
|
|
157
|
+
/* Slide ad elements down when controls fade out */
|
|
158
|
+
.vide-ui--autohide .vide-skip,
|
|
159
|
+
.vide-ui--autohide .vide-ad-cta,
|
|
160
|
+
.vide-ui--autohide .vide-ad-label,
|
|
161
|
+
.vide-ui--autohide .vide-ad-countdown,
|
|
162
|
+
.vide-ui--ad-playing:not(:hover) .vide-skip,
|
|
163
|
+
.vide-ui--ad-playing:not(:hover) .vide-ad-cta,
|
|
164
|
+
.vide-ui--ad-playing:not(:hover) .vide-ad-label,
|
|
165
|
+
.vide-ui--ad-playing:not(:hover) .vide-ad-countdown {
|
|
166
|
+
transform: translateY(calc(var(--vide-controls-height) - 12px));
|
|
167
|
+
}
|
|
168
|
+
|
|
119
169
|
/* ═══════════════════════════════════════════
|
|
120
170
|
CONTROLS BAR
|
|
121
171
|
═══════════════════════════════════════════ */
|
|
@@ -146,7 +196,8 @@
|
|
|
146
196
|
.vide-ui:hover .vide-controls,
|
|
147
197
|
.vide-ui--paused .vide-controls,
|
|
148
198
|
.vide-ui--ready .vide-controls,
|
|
149
|
-
.vide-ui--ended .vide-controls
|
|
199
|
+
.vide-ui--ended .vide-controls,
|
|
200
|
+
.vide-ui--ad-paused .vide-controls {
|
|
150
201
|
opacity: 1;
|
|
151
202
|
pointer-events: auto;
|
|
152
203
|
}
|
|
@@ -476,7 +527,7 @@
|
|
|
476
527
|
.vide-ui--ad-loading .vide-clickplay,
|
|
477
528
|
.vide-ui--ad-playing .vide-clickplay,
|
|
478
529
|
.vide-ui--ad-paused .vide-clickplay {
|
|
479
|
-
|
|
530
|
+
z-index: 2;
|
|
480
531
|
}
|
|
481
532
|
|
|
482
533
|
/* ═══════════════════════════════════════════
|
|
@@ -612,73 +663,53 @@
|
|
|
612
663
|
|
|
613
664
|
.vide-ad-label {
|
|
614
665
|
position: absolute;
|
|
615
|
-
|
|
666
|
+
bottom: calc(var(--vide-controls-height) + var(--vide-ad-overlay-gap) + 52px);
|
|
616
667
|
left: var(--vide-ad-overlay-gap);
|
|
617
668
|
z-index: 4;
|
|
618
669
|
|
|
619
670
|
display: inline-flex;
|
|
620
|
-
align-items:
|
|
621
|
-
overflow: hidden;
|
|
671
|
+
align-items: center;
|
|
622
672
|
margin: 0;
|
|
623
673
|
|
|
624
|
-
background: var(--vide-chip);
|
|
625
|
-
border-radius: var(--vide-radius-sm);
|
|
626
|
-
padding: var(--vide-ad-label-pad-y) var(--vide-ad-label-pad-x)
|
|
627
|
-
var(--vide-ad-label-pad-y) 0;
|
|
628
|
-
|
|
629
674
|
font-family: var(--vide-font);
|
|
630
|
-
font-size: var(--vide-font-size-
|
|
631
|
-
font-weight:
|
|
675
|
+
font-size: var(--vide-font-size-xs);
|
|
676
|
+
font-weight: 500;
|
|
632
677
|
letter-spacing: 0.03em;
|
|
633
678
|
line-height: var(--vide-line-height);
|
|
634
|
-
color: var(--vide-text);
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
/* Yellow left stripe */
|
|
639
|
-
.vide-ad-label::before {
|
|
640
|
-
content: "";
|
|
641
|
-
display: block;
|
|
642
|
-
width: var(--vide-ad-label-stripe);
|
|
643
|
-
min-height: 100%;
|
|
644
|
-
margin: 0;
|
|
645
|
-
padding: 0;
|
|
646
|
-
background: var(--vide-accent-ad);
|
|
647
|
-
flex-shrink: 0;
|
|
679
|
+
color: var(--vide-text-dim);
|
|
680
|
+
text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
|
|
681
|
+
transition: transform 0.25s var(--vide-ease);
|
|
648
682
|
}
|
|
649
683
|
|
|
650
684
|
/* ─────────────────────────────────────────
|
|
651
685
|
Ad Countdown
|
|
652
|
-
|
|
686
|
+
Inline next to label with separator.
|
|
653
687
|
───────────────────────────────────────── */
|
|
654
688
|
|
|
655
689
|
.vide-ad-countdown {
|
|
656
690
|
position: absolute;
|
|
657
|
-
|
|
658
|
-
left: var(--vide-ad-overlay-gap);
|
|
691
|
+
bottom: calc(var(--vide-controls-height) + var(--vide-ad-overlay-gap) + 52px);
|
|
692
|
+
left: calc(var(--vide-ad-overlay-gap) + 28px);
|
|
659
693
|
z-index: 4;
|
|
660
694
|
|
|
661
695
|
display: inline-flex;
|
|
662
696
|
align-items: center;
|
|
663
|
-
gap: 4px;
|
|
664
697
|
margin: 0;
|
|
665
698
|
|
|
666
|
-
background: var(--vide-chip-light);
|
|
667
|
-
border-radius: var(--vide-radius-sm);
|
|
668
|
-
padding: 5px 9px;
|
|
669
|
-
|
|
670
699
|
font-family: var(--vide-font-mono);
|
|
671
|
-
font-size: var(--vide-font-size-
|
|
700
|
+
font-size: var(--vide-font-size-xs);
|
|
672
701
|
font-weight: 400;
|
|
673
702
|
line-height: var(--vide-line-height);
|
|
674
703
|
color: var(--vide-text-dim);
|
|
704
|
+
text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
|
|
675
705
|
font-variant-numeric: tabular-nums;
|
|
676
706
|
white-space: nowrap;
|
|
707
|
+
transition: transform 0.25s var(--vide-ease);
|
|
677
708
|
}
|
|
678
709
|
|
|
679
|
-
.vide-ad-countdown
|
|
680
|
-
|
|
681
|
-
|
|
710
|
+
.vide-ad-countdown::before {
|
|
711
|
+
content: "\00b7";
|
|
712
|
+
margin-right: 5px;
|
|
682
713
|
}
|
|
683
714
|
|
|
684
715
|
/* ─────────────────────────────────────────
|
|
@@ -699,10 +730,10 @@
|
|
|
699
730
|
border: 1px solid var(--vide-skip-border);
|
|
700
731
|
background: var(--vide-skip-bg);
|
|
701
732
|
color: var(--vide-skip-color);
|
|
702
|
-
border-radius:
|
|
733
|
+
border-radius: 999px;
|
|
703
734
|
|
|
704
735
|
padding: var(--vide-skip-padding-y) var(--vide-skip-padding-x);
|
|
705
|
-
min-height:
|
|
736
|
+
min-height: 36px;
|
|
706
737
|
min-width: 0;
|
|
707
738
|
|
|
708
739
|
font-family: var(--vide-font);
|
|
@@ -718,7 +749,7 @@
|
|
|
718
749
|
gap: var(--vide-skip-gap);
|
|
719
750
|
|
|
720
751
|
transition: background var(--vide-duration-fast), border-color
|
|
721
|
-
var(--vide-duration-fast);
|
|
752
|
+
var(--vide-duration-fast), transform 0.25s var(--vide-ease);
|
|
722
753
|
}
|
|
723
754
|
|
|
724
755
|
.vide-skip svg {
|
|
@@ -733,7 +764,7 @@
|
|
|
733
764
|
}
|
|
734
765
|
|
|
735
766
|
.vide-skip:hover {
|
|
736
|
-
background: rgba(
|
|
767
|
+
background: rgba(40, 40, 46, 0.8);
|
|
737
768
|
border-color: rgba(255, 255, 255, 0.48);
|
|
738
769
|
}
|
|
739
770
|
|
|
@@ -769,7 +800,7 @@
|
|
|
769
800
|
gap: 8px;
|
|
770
801
|
margin: 0;
|
|
771
802
|
|
|
772
|
-
background:
|
|
803
|
+
background: rgba(0, 0, 0, 0.7);
|
|
773
804
|
border: 1px solid rgba(255, 255, 255, 0.06);
|
|
774
805
|
border-radius: var(--vide-radius);
|
|
775
806
|
padding: 8px 12px;
|
|
@@ -779,10 +810,12 @@
|
|
|
779
810
|
text-decoration: none;
|
|
780
811
|
color: var(--vide-text);
|
|
781
812
|
|
|
782
|
-
transition:
|
|
813
|
+
transition: background var(--vide-duration-fast), border-color
|
|
814
|
+
var(--vide-duration-fast), transform 0.25s var(--vide-ease);
|
|
783
815
|
}
|
|
784
816
|
|
|
785
817
|
.vide-ad-cta:hover {
|
|
818
|
+
background: rgba(0, 0, 0, 0.85);
|
|
786
819
|
border-color: rgba(255, 255, 255, 0.14);
|
|
787
820
|
}
|
|
788
821
|
|
|
@@ -815,6 +848,9 @@
|
|
|
815
848
|
gap: 2px;
|
|
816
849
|
margin: 0;
|
|
817
850
|
padding: 0;
|
|
851
|
+
text-align: left;
|
|
852
|
+
min-width: 0;
|
|
853
|
+
overflow: hidden;
|
|
818
854
|
}
|
|
819
855
|
|
|
820
856
|
.vide-ad-cta__title {
|
|
@@ -825,6 +861,9 @@
|
|
|
825
861
|
font-weight: 500;
|
|
826
862
|
line-height: 1.3;
|
|
827
863
|
color: var(--vide-text);
|
|
864
|
+
overflow: hidden;
|
|
865
|
+
text-overflow: ellipsis;
|
|
866
|
+
white-space: nowrap;
|
|
828
867
|
}
|
|
829
868
|
|
|
830
869
|
.vide-ad-cta__url {
|
|
@@ -835,6 +874,9 @@
|
|
|
835
874
|
font-weight: 400;
|
|
836
875
|
line-height: 1.2;
|
|
837
876
|
color: var(--vide-text-dim);
|
|
877
|
+
overflow: hidden;
|
|
878
|
+
text-overflow: ellipsis;
|
|
879
|
+
white-space: nowrap;
|
|
838
880
|
}
|
|
839
881
|
|
|
840
882
|
/* ── Ad progress accent ── */
|
|
@@ -862,3 +904,53 @@
|
|
|
862
904
|
.vide-ui--ad-paused .vide-progress__buffered {
|
|
863
905
|
opacity: 0.25;
|
|
864
906
|
}
|
|
907
|
+
|
|
908
|
+
/* ═══════════════════════════════════════════
|
|
909
|
+
RESPONSIVE — small player (<480px)
|
|
910
|
+
═══════════════════════════════════════════ */
|
|
911
|
+
|
|
912
|
+
@container (max-width: 480px) {
|
|
913
|
+
/* Learn More → top-left */
|
|
914
|
+
.vide-ad-cta {
|
|
915
|
+
top: var(--vide-ad-overlay-gap);
|
|
916
|
+
bottom: auto;
|
|
917
|
+
left: var(--vide-ad-overlay-gap);
|
|
918
|
+
max-width: 60%;
|
|
919
|
+
}
|
|
920
|
+
|
|
921
|
+
/* Label/countdown → bottom-left (above controls) */
|
|
922
|
+
.vide-ad-label {
|
|
923
|
+
bottom: calc(var(--vide-controls-height) + var(--vide-ad-overlay-gap));
|
|
924
|
+
}
|
|
925
|
+
|
|
926
|
+
.vide-ad-countdown {
|
|
927
|
+
bottom: calc(var(--vide-controls-height) + var(--vide-ad-overlay-gap));
|
|
928
|
+
}
|
|
929
|
+
|
|
930
|
+
/* Skip → stays bottom-right, smaller */
|
|
931
|
+
.vide-skip {
|
|
932
|
+
padding: 5px 12px;
|
|
933
|
+
min-height: 32px;
|
|
934
|
+
font-size: 12px;
|
|
935
|
+
}
|
|
936
|
+
|
|
937
|
+
.vide-skip svg {
|
|
938
|
+
width: 14px;
|
|
939
|
+
height: 14px;
|
|
940
|
+
min-width: 14px;
|
|
941
|
+
min-height: 14px;
|
|
942
|
+
}
|
|
943
|
+
|
|
944
|
+
/* Disable slide-down for top-positioned CTA */
|
|
945
|
+
.vide-ui--ad-playing:not(:hover) .vide-ad-cta {
|
|
946
|
+
transform: none;
|
|
947
|
+
}
|
|
948
|
+
}
|
|
949
|
+
|
|
950
|
+
/* Non-fullscreen: slightly smaller skip */
|
|
951
|
+
@container (max-width: 800px) {
|
|
952
|
+
.vide-skip {
|
|
953
|
+
padding: var(--vide-skip-padding-y) 14px;
|
|
954
|
+
font-size: 13px;
|
|
955
|
+
}
|
|
956
|
+
}
|
package/dist/vide.ui.global.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(){'use strict';function P(e){return {name:"ui-ad",setup(n,t){let r=t.creatives.find(o=>o.linear)?.linear;if(r)return e.set({adId:t.id,skipOffset:r.skipOffset,clickThrough:r.clickThrough,duration:r.duration}),()=>{e.clear();}}}}function E(e){return `vide-ui--${e.replace(":","-")}`}function f(e){return e==="ad:loading"||e==="ad:playing"||e==="ad:paused"}function L(e,n){e.classList.add(E(n.state));function t({from:r,to:o}){e.classList.remove(E(r)),e.classList.add(E(o));}return n.on("statechange",t),()=>n.off("statechange",t)}function b(e){if(!Number.isFinite(e)||e<0)return "0:00";let n=Math.floor(e),t=Math.floor(n/3600),r=Math.floor(n%3600/60),o=n%60,i=t>0?String(r).padStart(2,"0"):String(r),l=String(o).padStart(2,"0");return t>0?`${t}:${i}:${l}`:`${i}:${l}`}function u(e,n){let t=document.createElement(e);return t.className=n,t}function A(){let e={current:null,set(n){e.current=n;},clear(){e.current=null;}};return e}function S(e){let n=null,t=null;function r(){if(!n||!t||!f(t.state))return;let o=e.current?.duration??(Number.isFinite(t.el.duration)?t.el.duration:0),i=t.el.currentTime,l=Math.max(0,Math.ceil(o-i));n.textContent=`Ad \xB7 ${l}s`;}return {mount(o){n=u("div","vide-ad-countdown"),o.appendChild(n);},connect(o){t=o,t.on("timeupdate",r);},destroy(){n&&(n.remove(),n=null),t&&(t.off("timeupdate",r),t=null);}}}function T(){let e=null;return {mount(n){e=u("div","vide-ad-label"),e.textContent="Ad",n.appendChild(e);},connect(n){},destroy(){e&&(e.remove(),e=null);}}}function M(e){let n=null,t=null;function r(){if(!t)return;t.el.click();let o=e.current?.clickThrough;o?(window.open(o,"_blank"),t.el.pause()):t.el.paused?Promise.resolve(t.el.play()).catch(()=>{}):t.el.pause();}return {mount(o){n=u("div","vide-ad-overlay"),o.appendChild(n);},connect(o){t=o,n&&n.addEventListener("click",r);},destroy(){n&&(n.removeEventListener("click",r),n.remove(),n=null),t=null;}}}var R="http://www.w3.org/2000/svg";function y(e,n="0 0 24 24"){let t=document.createElementNS(R,"svg");t.setAttribute("viewBox",n),t.setAttribute("width","24"),t.setAttribute("height","24"),t.setAttribute("fill","currentColor"),t.setAttribute("aria-hidden","true");for(let r of e){let o=document.createElementNS(R,"path");o.setAttribute("d",r),t.appendChild(o);}return t}function k(){return y(["M8 5v14l11-7z"])}function B(){return y(["M6 19h4V5H6v14zm8-14v14h4V5h-4z"])}function O(){return y(["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"])}function K(){return y(["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"])}function q(){return y(["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 4l-1.88 1.88L12 7.76V4z"])}function $(){return y(["M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"])}function X(){return y(["M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"])}function Y(){return y(["M5 18l10-6L5 6v12zm12-12v12h2V6h-2z"])}function I(e){let n=null,t=null,r=null;function o(){!r||!e.current||n?.classList.contains("vide-skip--disabled")||r.emit("ad:skip",{adId:e.current.adId});}function i(){if(!n||!t||!r||!f(r.state))return;if(!e.current||e.current.skipOffset===void 0){n.style.display="none";return}n.style.display="";let{skipOffset:a}=e.current,m=r.el.currentTime;if(m>=a)n.classList.remove("vide-skip--disabled"),t.textContent="Skip Ad";else {n.classList.add("vide-skip--disabled");let d=Math.max(0,Math.ceil(a-m));t.textContent=`Skip in ${d}s`;}}function l({to:a}){!n||!t||f(a)||(n.style.display="none",n.classList.add("vide-skip--disabled"),t.textContent="");}return {mount(a){n=u("button","vide-skip vide-skip--disabled"),n.type="button",n.setAttribute("aria-label","Skip ad"),n.style.display="none",t=u("span","vide-skip__label"),n.appendChild(t),n.appendChild(Y()),a.appendChild(n);},connect(a){r=a,n&&(n.addEventListener("click",o),r.on("timeupdate",i),r.on("statechange",l));},destroy(){n&&(n.removeEventListener("click",o),n.remove(),n=null,t=null),r&&(r.off("timeupdate",i),r.off("statechange",l),r=null);}}}var Q=3e3;function U(){let e=null,n=null,t=null;function r(){if(!n)return true;let d=n.state;return d==="paused"||d==="ended"||d==="idle"||d==="ready"||f(d)}function o(){e&&e.classList.remove("vide-ui--autohide");}function i(){l(),!r()&&(t=setTimeout(()=>{e&&e.classList.add("vide-ui--autohide");},Q));}function l(){t!==null&&(clearTimeout(t),t=null);}function a(){o(),i();}function m({to:d}){d==="paused"||d==="ended"||d==="idle"||d==="ready"||f(d)?(l(),o()):i();}return {mount(d){e=d.closest(".vide-ui")??d;},connect(d){n=d,e&&(e.addEventListener("mousemove",a),e.addEventListener("touchstart",a),e.addEventListener("keydown",a),n.on("statechange",m),i());},destroy(){l(),e&&(e.removeEventListener("mousemove",a),e.removeEventListener("touchstart",a),e.removeEventListener("keydown",a),e.classList.remove("vide-ui--autohide"),e=null),n&&(n.off("statechange",m),n=null);}}}function x(){let e=null,n=null;function t(){if(n){if(n.state==="ended"){let o=function({to:i}){i==="ready"&&(n?.off("statechange",o),n?.play().catch(()=>{}));};n.on("statechange",o),n.el.currentTime=0,n.el.load();return}n.play().catch(()=>{});}}return {mount(r){e=u("button","vide-bigplay"),e.type="button",e.setAttribute("aria-label","Play video"),e.appendChild(k()),r.appendChild(e);},connect(r){n=r,e&&e.addEventListener("click",t);},destroy(){e&&(e.removeEventListener("click",t),e.remove(),e=null),n=null;}}}var W=200;function H(e){let n=null,t=null,r=null,o=null;function i(){t&&(t.state==="playing"||t.state==="ad:playing"?t.pause():t.play().catch(()=>{}));}function l(){!o||e.has("fullscreen")||(document.fullscreenElement!=null?document.exitFullscreen().catch(()=>{}):o.requestFullscreen&&o.requestFullscreen().catch(()=>{}));}function a(){if(t){if(f(t.state)){t.el.click(),i();return}if(r!==null){clearTimeout(r),r=null,l();return}r=setTimeout(()=>{r=null,i();},W);}}return {mount(m){n=u("div","vide-clickplay"),o=m.closest(".vide-ui")?.parentElement??m,m.appendChild(n);},connect(m){t=m,n&&n.addEventListener("click",a);},destroy(){r!==null&&(clearTimeout(r),r=null),n&&(n.removeEventListener("click",a),n.remove(),n=null),t=null,o=null;}}}function V(){let e=null,n=null,t=null;function r({message:o}){n&&(n.textContent=o);}return {mount(o){e=u("div","vide-error"),n=u("span","vide-error__message"),e.appendChild(n),o.appendChild(e);},connect(o){t=o,t.on("error",r);},destroy(){e&&(e.remove(),e=null,n=null),t&&(t.off("error",r),t=null);}}}function w(){let e=null,n=null,t=null;function r(){return document.fullscreenElement!=null||document.webkitFullscreenElement!=null}function o(a){e&&(t&&t.remove(),t=a?X():$(),e.appendChild(t));}function i(){n&&(r()?typeof document.exitFullscreen=="function"?document.exitFullscreen().catch(()=>{}):typeof document.webkitExitFullscreen=="function"&&document.webkitExitFullscreen():typeof n.requestFullscreen=="function"?n.requestFullscreen().catch(()=>{}):typeof n.webkitRequestFullscreen=="function"?n.webkitRequestFullscreen():n.querySelector("video")?.webkitEnterFullscreen?.());}function l(){if(!e)return;let a=r();a?(e.classList.add("vide-fullscreen--active"),e.setAttribute("aria-label","Exit fullscreen")):(e.classList.remove("vide-fullscreen--active"),e.setAttribute("aria-label","Fullscreen")),o(a);}return {mount(a){n=a.closest(".vide-ui")?.parentElement??a,e=u("button","vide-fullscreen"),e.type="button",e.setAttribute("aria-label","Fullscreen"),o(false),a.appendChild(e);},connect(){e&&(e.addEventListener("click",i),document.addEventListener("fullscreenchange",l),document.addEventListener("webkitfullscreenchange",l));},destroy(){e&&(e.removeEventListener("click",i),e.remove(),e=null,t=null),document.removeEventListener("fullscreenchange",l),document.removeEventListener("webkitfullscreenchange",l),n=null;}}}function j(e){let n=null,t=null,{excluded:r}=e;function o(i){if(!t)return;let l=!r.has("volume"),a=!r.has("progress"),m=!r.has("fullscreen"),d=f(t.state);switch(i.key){case " ":case "k":case "K":i.preventDefault(),t.state==="playing"||t.state==="ad:playing"?t.pause():t.play().catch(()=>{});break;case "ArrowLeft":if(!a||d)return;i.preventDefault(),t.currentTime=Math.max(0,t.el.currentTime-5);break;case "ArrowRight":if(!a||d)return;i.preventDefault(),t.currentTime=Math.min(t.el.duration||0,t.el.currentTime+5);break;case "ArrowUp":if(!l)return;i.preventDefault(),t.volume=Math.min(1,t.volume+.1),t.muted&&(t.muted=false);break;case "ArrowDown":if(!l)return;i.preventDefault(),t.volume=Math.max(0,t.volume-.1);break;case "m":case "M":if(!l)return;i.preventDefault(),t.muted=!t.muted;break;case "f":case "F":if(!m)return;if(i.preventDefault(),document.fullscreenElement!=null)document.exitFullscreen().catch(()=>{});else {let p=n?.closest(".vide-ui")?.parentElement??n;p?.requestFullscreen&&p.requestFullscreen().catch(()=>{});}break;default:if(i.key.length===1&&i.key>="0"&&i.key<="9"&&a&&!d){i.preventDefault();let p=Number.parseInt(i.key,10)/10,v=t.el.duration;Number.isFinite(v)&&v>0&&(t.currentTime=p*v);}break}}return {mount(i){n=i.closest(".vide-ui")??i,n.setAttribute("tabindex","0");},connect(i){t=i,n&&n.addEventListener("keydown",o);},destroy(){n&&(n.removeEventListener("keydown",o),n.removeAttribute("tabindex"),n=null),t=null;}}}function F(){let e=null;return {mount(n){e=u("div","vide-loader");let t=u("div","vide-loader__spinner");e.appendChild(t),n.appendChild(e);},connect(n){},destroy(){e&&(e.remove(),e=null);}}}function D(){let e=null,n=null,t=null;function r(l){e&&(t&&t.remove(),t=l?B():k(),e.appendChild(t));}function o(){n&&(n.state==="playing"?n.pause():n.play().catch(()=>{}));}function i({to:l}){e&&(l==="playing"||l==="ad:playing"?(e.classList.add("vide-play--playing"),e.classList.remove("vide-play--paused"),e.setAttribute("aria-label","Pause"),r(true)):(l==="paused"||l==="ready"||l==="ended"||l==="ad:paused")&&(e.classList.remove("vide-play--playing"),e.classList.add("vide-play--paused"),e.setAttribute("aria-label","Play"),r(false)));}return {mount(l){e=u("button","vide-play vide-play--paused"),e.type="button",e.setAttribute("aria-label","Play"),r(false),l.appendChild(e);},connect(l){n=l,e&&(e.addEventListener("click",o),n.on("statechange",i));},destroy(){e&&(e.removeEventListener("click",o),e.remove(),e=null,t=null),n&&(n.off("statechange",i),n=null);}}}function _(e){let n=null;return {mount(t){n=u("div","vide-poster");let r=u("img","vide-poster__image");r.src=e.src,r.alt="",n.appendChild(r),t.appendChild(n);},connect(t){},destroy(){n&&(n.remove(),n=null);}}}function G(){let e=null,n=null,t=null,r=null,o=null,i=false;function l(s){if(!e)return 0;let c=e.getBoundingClientRect();return c.width===0?0:Math.max(0,Math.min(1,(s.clientX-c.left)/c.width))}function a(s){e&&e.style.setProperty("--vide-progress",String(s));}function m(){if(!o||!t)return;let s=o.el;if(s.buffered.length>0&&s.duration>0){let g=s.buffered.end(s.buffered.length-1)/s.duration;t.style.setProperty("--vide-progress-buffered",String(Math.min(1,g)));}}function d(){if(i||!o)return;let{currentTime:s,duration:c}=o.el;c>0&&a(s/c),m(),e&&(e.setAttribute("aria-valuenow",String(Math.floor(s))),Number.isFinite(c)&&e.setAttribute("aria-valuemax",String(Math.floor(c))));}function p(s){!o||!e||f(o.state)||(i=true,e.classList.add("vide-progress--dragging"),e.setPointerCapture(s.pointerId),a(l(s)));}function v(s){i&&a(l(s));}function h(s){if(!i||!o)return;i=false,e&&(e.classList.remove("vide-progress--dragging"),e.releasePointerCapture(s.pointerId));let c=l(s),g=o.el.duration;Number.isFinite(g)&&g>0&&(o.currentTime=c*g);}function C({to:s}){e&&(f(s)?e.classList.add("vide-progress--disabled"):e.classList.remove("vide-progress--disabled"));}return {mount(s){e=u("div","vide-progress"),e.setAttribute("role","slider"),e.setAttribute("aria-label","Seek"),e.setAttribute("aria-valuemin","0"),e.setAttribute("aria-valuemax","0"),e.setAttribute("aria-valuenow","0"),t=u("div","vide-progress__buffered"),n=u("div","vide-progress__bar"),r=u("div","vide-progress__handle"),e.appendChild(t),e.appendChild(n),e.appendChild(r),s.appendChild(e);},connect(s){o=s,e&&(o.on("timeupdate",d),o.on("statechange",C),e.addEventListener("pointerdown",p),e.addEventListener("pointermove",v),e.addEventListener("pointerup",h));},destroy(){e&&(e.removeEventListener("pointerdown",p),e.removeEventListener("pointermove",v),e.removeEventListener("pointerup",h),e.remove(),e=null,n=null,t=null,r=null),o&&(o.off("timeupdate",d),o.off("statechange",C),o=null);}}}function N(){let e=null,n=null,t=null,r=null;function o({currentTime:i,duration:l}){n&&(n.textContent=b(i)),t&&(t.textContent=b(l));}return {mount(i){e=u("div","vide-time"),n=u("span","vide-time__current");let l=u("span","vide-time__separator");t=u("span","vide-time__duration"),n.textContent="0:00",l.textContent="/",t.textContent="0:00",e.appendChild(n),e.appendChild(l),e.appendChild(t),i.appendChild(e);},connect(i){r=i,r.on("timeupdate",o);},destroy(){e&&(e.remove(),e=null,n=null,t=null),r&&(r.off("timeupdate",o),r=null);}}}function z(){let e=null,n=null,t=null,r=null,o=false,i=null;function l(){if(!n||!r)return;i&&i.remove(),r.muted||r.volume===0?i=q():r.volume<.5?i=K():i=O(),n.appendChild(i);}function a(){if(!r||!e||!n)return;r.muted||r.volume===0?(e.classList.add("vide-volume--muted"),n.setAttribute("aria-label","Unmute")):(e.classList.remove("vide-volume--muted"),n.setAttribute("aria-label","Mute"));let c=r.muted?0:r.volume;e.style.setProperty("--vide-volume",String(c)),t&&t.setAttribute("aria-valuenow",String(Math.round(c*100))),l();}function m(s){if(!t)return 0;let c=t.getBoundingClientRect();return c.width===0?0:Math.max(0,Math.min(1,(s.clientX-c.left)/c.width))}function d(){r&&(r.muted=!r.muted);}function p(){o||a();}function v(s){if(!r||!t)return;o=true,t.setPointerCapture(s.pointerId);let c=m(s);r.volume=c,r.muted&&c>0&&(r.muted=false),a();}function h(s){if(!o||!r)return;let c=m(s);r.volume=c,r.muted&&c>0&&(r.muted=false),a();}function C(s){!o||!t||(o=false,t.releasePointerCapture(s.pointerId));}return {mount(s){e=u("div","vide-volume"),n=u("button","vide-volume__button"),n.type="button",n.setAttribute("aria-label","Mute"),t=u("div","vide-volume__slider"),t.setAttribute("role","slider"),t.setAttribute("aria-label","Volume"),t.setAttribute("aria-valuemin","0"),t.setAttribute("aria-valuemax","100"),t.setAttribute("aria-valuenow","100");let c=u("div","vide-volume__track"),g=u("div","vide-volume__filled");t.appendChild(c),t.appendChild(g),e.appendChild(n),e.appendChild(t),s.appendChild(e);},connect(s){r=s,!(!n||!t)&&(n.addEventListener("click",d),t.addEventListener("pointerdown",v),t.addEventListener("pointermove",h),t.addEventListener("pointerup",C),r.el.addEventListener("volumechange",p),a());},destroy(){n&&n.removeEventListener("click",d),t&&(t.removeEventListener("pointerdown",v),t.removeEventListener("pointermove",h),t.removeEventListener("pointerup",C)),r&&(r.el.removeEventListener("volumechange",p),r=null),e&&(e.remove(),e=null,n=null,t=null,i=null);}}}function Z(e,n,t){e.mount(n),e.connect(t);}function J(e){let n=A(),t=new Set(e.exclude);return {name:"ui",setup(r){r.isAudio&&(t.add("fullscreen"),t.add("poster"));let o=document.createElement("div");o.className="vide-ui",o.setAttribute("role","region"),o.setAttribute("aria-label",r.isAudio?"Audio player":"Video player"),e.container.appendChild(o);let i=[];function l(p,v,h){t.has(p)||(Z(v,h,r),i.push(v));}if(l("loader",F(),o),l("error",V(),o),l("bigplay",x(),o),e.poster&&l("poster",_({src:e.poster}),o),l("clickplay",H(t),o),!t.has("ad-overlay")||!t.has("ad-label")||!t.has("ad-countdown")||!t.has("ad-skip")){let p=document.createElement("div");p.className="vide-ad",o.appendChild(p),l("ad-overlay",M(n),p),l("ad-label",T(),p),l("ad-countdown",S(n),p),l("ad-skip",I(n),p);}let m=document.createElement("div");m.className="vide-controls",m.addEventListener("click",p=>p.stopPropagation()),o.appendChild(m),l("play",D(),m),l("progress",G(),m),l("time",N(),m),l("volume",z(),m),l("fullscreen",w(),m),l("autohide",U(),o),l("keyboard",j({excluded:t}),o);let d=L(o,r);return ()=>{for(let p of i)p.destroy();d(),o.remove();}},getAdPlugin(){return ()=>[P(n)]}}}var ee=globalThis.Vide??(globalThis.Vide={});Object.assign(ee,{ui:J,createPlayButton:D,createProgress:G,createTimeDisplay:N,createVolume:z,createFullscreen:w,createLoader:F,createErrorDisplay:V,createBigPlay:x,createPoster:_,createAdCountdown:S,createAdSkip:I,createAdOverlay:M,createAdLabel:T,createKeyboard:j,createClickPlay:H,createAutohide:U,connectStateClasses:L,stateToClass:E,isAdState:f,formatTime:b,createAdUIState:A,uiAdPlugin:P});
|
|
1
|
+
(function(){'use strict';function P(e){return {name:"ui-ad",setup(t,n){let r=n.creatives.find(o=>o.linear)?.linear;if(r)return e.set({adId:n.id,skipOffset:r.skipOffset,clickThrough:r.clickThrough,duration:r.duration,adTitle:n.adTitle}),()=>{e.clear();}}}}function g(e){return `vide-ui--${e.replace(":","-")}`}function p(e){return e==="ad:loading"||e==="ad:playing"||e==="ad:paused"}function A(e,t){e.classList.add(g(t.state));function n({from:r,to:o}){e.classList.remove(g(r)),e.classList.add(g(o));}return t.on("statechange",n),()=>t.off("statechange",n)}function C(e){if(!Number.isFinite(e)||e<0)return "0:00";let t=Math.floor(e),n=Math.floor(t/3600),r=Math.floor(t%3600/60),o=t%60,i=n>0?String(r).padStart(2,"0"):String(r),l=String(o).padStart(2,"0");return n>0?`${n}:${i}:${l}`:`${i}:${l}`}function u(e,t){let n=document.createElement(e);return n.className=t,n}function S(){let e={current:null,set(t){e.current=t;},clear(){e.current=null;}};return e}function T(e){let t=null,n=null;function r(){if(!t||!n||!p(n.state))return;let o=e.current?.duration??(Number.isFinite(n.el.duration)?n.el.duration:0),i=n.el.currentTime,l=Math.max(0,Math.ceil(o-i));t.textContent=`${l}s`;}return {mount(o){t=u("div","vide-ad-countdown"),o.appendChild(t);},connect(o){n=o,n.on("timeupdate",r);},destroy(){t&&(t.remove(),t=null),n&&(n.off("timeupdate",r),n=null);}}}function M(){let e=null;return {mount(t){e=u("div","vide-ad-label"),e.textContent="Ad",t.appendChild(e);},connect(t){},destroy(){e&&(e.remove(),e=null);}}}var B="http://www.w3.org/2000/svg";function h(e,t="0 0 24 24"){let n=document.createElementNS(B,"svg");n.setAttribute("viewBox",t),n.setAttribute("width","24"),n.setAttribute("height","24"),n.setAttribute("fill","currentColor"),n.setAttribute("aria-hidden","true");for(let r of e){let o=document.createElementNS(B,"path");o.setAttribute("d",r),n.appendChild(o);}return n}function k(){return h(["M8 5v14l11-7z"])}function O(){return h(["M6 19h4V5H6v14zm8-14v14h4V5h-4z"])}function K(){return h(["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"])}function q(){return h(["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"])}function $(){return h(["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 4l-1.88 1.88L12 7.76V4z"])}function X(){return h(["M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"])}function Y(){return h(["M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"])}function J(){return h(["M5 18l10-6L5 6v12zm12-12v12h2V6h-2z"])}function Q(){return h(["M14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z","M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7z"])}function ee(e){try{return new URL(e).hostname}catch{return e}}function W(e){let t=null,n=null,r=null,o=null;function i(){if(!o)return;let a=e.current?.clickThrough;a&&(o.el.click(),window.open(a,"_blank"),o.el.pause());}function l(){if(!t)return;let a=e.current,d=a?.clickThrough;t.style.display=d?"":"none",n&&(n.textContent=a?.adTitle??"",n.style.display=a?.adTitle?"":"none"),r&&(r.textContent=d?ee(d):"");}return {mount(a){t=u("button","vide-ad-cta"),t.type="button";let d=u("span","vide-ad-cta__icon");d.appendChild(Q()),t.appendChild(d);let m=u("span","vide-ad-cta__body");n=u("span","vide-ad-cta__title"),n.style.display="none",m.appendChild(n),r=u("span","vide-ad-cta__url"),m.appendChild(r),t.appendChild(m),a.appendChild(t),t.style.display="none";},connect(a){o=a,t&&(t.addEventListener("click",i),a.on("ad:start",l),a.on("ad:end",l),a.on("ad:skip",l),l());},destroy(){t&&(t.removeEventListener("click",i),t.remove(),t=null),o&&(o.off("ad:start",l),o.off("ad:end",l),o.off("ad:skip",l)),o=null,n=null,r=null;}}}function U(e){let t=null,n=null;function r(){if(!n)return;n.el.click();let o=e.current?.clickThrough;o?(window.open(o,"_blank"),n.el.pause()):n.el.paused?Promise.resolve(n.el.play()).catch(()=>{}):n.el.pause();}return {mount(o){t=u("div","vide-ad-overlay"),o.appendChild(t);},connect(o){n=o,t&&t.addEventListener("click",r);},destroy(){t&&(t.removeEventListener("click",r),t.remove(),t=null),n=null;}}}function x(e){let t=null,n=null,r=null;function o(){!r||!e.current||t?.classList.contains("vide-skip--disabled")||r.emit("ad:skip",{adId:e.current.adId});}function i(){if(!t||!n||!r||!p(r.state))return;if(!e.current||e.current.skipOffset===void 0){t.style.display="none";return}t.style.display="";let{skipOffset:a}=e.current,d=r.el.currentTime;if(d>=a)t.classList.remove("vide-skip--disabled"),n.textContent="Skip Ad";else {t.classList.add("vide-skip--disabled");let m=Math.max(0,Math.ceil(a-d));n.textContent=`Skip in ${m}s`;}}function l({to:a}){!t||!n||p(a)||(t.style.display="none",t.classList.add("vide-skip--disabled"),n.textContent="");}return {mount(a){t=u("button","vide-skip vide-skip--disabled"),t.type="button",t.setAttribute("aria-label","Skip ad"),t.style.display="none",n=u("span","vide-skip__label"),t.appendChild(n),t.appendChild(J()),a.appendChild(t);},connect(a){r=a,t&&(t.addEventListener("click",o),r.on("timeupdate",i),r.on("statechange",l));},destroy(){t&&(t.removeEventListener("click",o),t.remove(),t=null,n=null),r&&(r.off("timeupdate",i),r.off("statechange",l),r=null);}}}var te=3e3;function I(){let e=null,t=null,n=null;function r(){if(!t)return true;let m=t.state;return m==="paused"||m==="ended"||m==="idle"||m==="ready"||p(m)}function o(){e&&e.classList.remove("vide-ui--autohide");}function i(){l(),!r()&&(n=setTimeout(()=>{e&&e.classList.add("vide-ui--autohide");},te));}function l(){n!==null&&(clearTimeout(n),n=null);}function a(){o(),i();}function d({to:m}){m==="paused"||m==="ended"||m==="idle"||m==="ready"||p(m)?(l(),o()):i();}return {mount(m){e=m.closest(".vide-ui")??m;},connect(m){t=m,e&&(e.addEventListener("mousemove",a),e.addEventListener("touchstart",a),e.addEventListener("keydown",a),t.on("statechange",d),i());},destroy(){l(),e&&(e.removeEventListener("mousemove",a),e.removeEventListener("touchstart",a),e.removeEventListener("keydown",a),e.classList.remove("vide-ui--autohide"),e=null),t&&(t.off("statechange",d),t=null);}}}function H(){let e=null,t=null;function n(){if(t){if(t.state==="ended"){let o=function({to:i}){i==="ready"&&(t?.off("statechange",o),t?.play().catch(()=>{}));};t.on("statechange",o),t.el.currentTime=0,t.el.load();return}t.play().catch(()=>{});}}return {mount(r){e=u("button","vide-bigplay"),e.type="button",e.setAttribute("aria-label","Play video"),e.appendChild(k()),r.appendChild(e);},connect(r){t=r,e&&e.addEventListener("click",n);},destroy(){e&&(e.removeEventListener("click",n),e.remove(),e=null),t=null;}}}var ne=200;function V(e){let t=null,n=null,r=null,o=null;function i(){n&&(n.state==="playing"||n.state==="ad:playing"?n.pause():n.play().catch(()=>{}));}function l(){!o||e.has("fullscreen")||(document.fullscreenElement!=null?document.exitFullscreen().catch(()=>{}):o.requestFullscreen&&o.requestFullscreen().catch(()=>{}));}function a(){if(n){if(p(n.state)){i();return}if(r!==null){clearTimeout(r),r=null,l();return}r=setTimeout(()=>{r=null,i();},ne);}}return {mount(d){t=u("div","vide-clickplay"),o=d.closest(".vide-ui")?.parentElement??d,d.appendChild(t);},connect(d){n=d,t&&t.addEventListener("click",a);},destroy(){r!==null&&(clearTimeout(r),r=null),t&&(t.removeEventListener("click",a),t.remove(),t=null),n=null,o=null;}}}function w(){let e=null,t=null,n=null;function r({message:o}){t&&(t.textContent=o);}return {mount(o){e=u("div","vide-error"),t=u("span","vide-error__message"),e.appendChild(t),o.appendChild(e);},connect(o){n=o,n.on("error",r);},destroy(){e&&(e.remove(),e=null,t=null),n&&(n.off("error",r),n=null);}}}function _(){let e=null,t=null,n=null;function r(){return document.fullscreenElement!=null||document.webkitFullscreenElement!=null}function o(a){e&&(n&&n.remove(),n=a?Y():X(),e.appendChild(n));}function i(){t&&(r()?typeof document.exitFullscreen=="function"?document.exitFullscreen().catch(()=>{}):typeof document.webkitExitFullscreen=="function"&&document.webkitExitFullscreen():typeof t.requestFullscreen=="function"?t.requestFullscreen().catch(()=>{}):typeof t.webkitRequestFullscreen=="function"?t.webkitRequestFullscreen():t.querySelector("video")?.webkitEnterFullscreen?.());}function l(){if(!e)return;let a=r();a?(e.classList.add("vide-fullscreen--active"),e.setAttribute("aria-label","Exit fullscreen")):(e.classList.remove("vide-fullscreen--active"),e.setAttribute("aria-label","Fullscreen")),o(a);}return {mount(a){t=a.closest(".vide-ui")?.parentElement??a,e=u("button","vide-fullscreen"),e.type="button",e.setAttribute("aria-label","Fullscreen"),o(false),a.appendChild(e);},connect(){e&&(e.addEventListener("click",i),document.addEventListener("fullscreenchange",l),document.addEventListener("webkitfullscreenchange",l));},destroy(){e&&(e.removeEventListener("click",i),e.remove(),e=null,n=null),document.removeEventListener("fullscreenchange",l),document.removeEventListener("webkitfullscreenchange",l),t=null;}}}function j(e){let t=null,n=null,{excluded:r}=e;function o(i){if(!n)return;let l=!r.has("volume"),a=!r.has("progress"),d=!r.has("fullscreen"),m=p(n.state);switch(i.key){case " ":case "k":case "K":i.preventDefault(),n.state==="playing"||n.state==="ad:playing"?n.pause():n.play().catch(()=>{});break;case "ArrowLeft":if(!a||m)return;i.preventDefault(),n.currentTime=Math.max(0,n.el.currentTime-5);break;case "ArrowRight":if(!a||m)return;i.preventDefault(),n.currentTime=Math.min(n.el.duration||0,n.el.currentTime+5);break;case "ArrowUp":if(!l)return;i.preventDefault(),n.volume=Math.min(1,n.volume+.1),n.muted&&(n.muted=false);break;case "ArrowDown":if(!l)return;i.preventDefault(),n.volume=Math.max(0,n.volume-.1);break;case "m":case "M":if(!l)return;i.preventDefault(),n.muted=!n.muted;break;case "f":case "F":if(!d)return;if(i.preventDefault(),document.fullscreenElement!=null)document.exitFullscreen().catch(()=>{});else {let c=t?.closest(".vide-ui")?.parentElement??t;c?.requestFullscreen&&c.requestFullscreen().catch(()=>{});}break;default:if(i.key.length===1&&i.key>="0"&&i.key<="9"&&a&&!m){i.preventDefault();let c=Number.parseInt(i.key,10)/10,y=n.el.duration;Number.isFinite(y)&&y>0&&(n.currentTime=c*y);}break}}return {mount(i){t=i.closest(".vide-ui")??i,t.setAttribute("tabindex","0");},connect(i){n=i,t&&t.addEventListener("keydown",o);},destroy(){t&&(t.removeEventListener("keydown",o),t.removeAttribute("tabindex"),t=null),n=null;}}}function D(){let e=null;return {mount(t){e=u("div","vide-loader");let n=u("div","vide-loader__spinner");e.appendChild(n),t.appendChild(e);},connect(t){},destroy(){e&&(e.remove(),e=null);}}}function F(){let e=null,t=null,n=null;function r(l){e&&(n&&n.remove(),n=l?O():k(),e.appendChild(n));}function o(){t&&(t.state==="playing"||t.state==="ad:playing"?t.pause():t.play().catch(()=>{}));}function i({to:l}){e&&(l==="playing"||l==="ad:playing"?(e.classList.add("vide-play--playing"),e.classList.remove("vide-play--paused"),e.setAttribute("aria-label","Pause"),r(true)):(l==="paused"||l==="ready"||l==="ended"||l==="ad:paused")&&(e.classList.remove("vide-play--playing"),e.classList.add("vide-play--paused"),e.setAttribute("aria-label","Play"),r(false)));}return {mount(l){e=u("button","vide-play vide-play--paused"),e.type="button",e.setAttribute("aria-label","Play"),r(false),l.appendChild(e);},connect(l){t=l,e&&(e.addEventListener("click",o),t.on("statechange",i));},destroy(){e&&(e.removeEventListener("click",o),e.remove(),e=null,n=null),t&&(t.off("statechange",i),t=null);}}}function G(e){let t=null;return {mount(n){t=u("div","vide-poster");let r=u("img","vide-poster__image");r.src=e.src,r.alt="",t.appendChild(r),n.appendChild(t);},connect(n){},destroy(){t&&(t.remove(),t=null);}}}function R(){let e=null,t=null,n=null,r=null,o=null,i=null,l=false;function a(s){if(!e)return 0;let v=e.getBoundingClientRect();return v.width===0?0:Math.max(0,Math.min(1,(s.clientX-v.left)/v.width))}function d(s){if(!e)return;let v=String(s);e.style.setProperty("--vide-progress",v),o?.style.setProperty("--vide-progress",v);}function m(){if(!i||!n)return;let s=i.el;if(s.buffered.length>0&&s.duration>0){let b=s.buffered.end(s.buffered.length-1)/s.duration;n.style.setProperty("--vide-progress-buffered",String(Math.min(1,b)));}}function c(){if(l||!i)return;let{currentTime:s,duration:v}=i.el;v>0&&d(s/v),m(),e&&(e.setAttribute("aria-valuenow",String(Math.floor(s))),Number.isFinite(v)&&e.setAttribute("aria-valuemax",String(Math.floor(v))));}function y(s){!i||!e||p(i.state)||(l=true,e.classList.add("vide-progress--dragging"),e.setPointerCapture(s.pointerId),d(a(s)));}function E(s){l&&d(a(s));}function L(s){if(!l||!i)return;l=false,e&&(e.classList.remove("vide-progress--dragging"),e.releasePointerCapture(s.pointerId));let v=a(s),b=i.el.duration;Number.isFinite(b)&&b>0&&(i.currentTime=v*b);}function f({to:s}){e&&(p(s)?e.classList.add("vide-progress--disabled"):e.classList.remove("vide-progress--disabled"));}return {mount(s){e=u("div","vide-progress"),e.setAttribute("role","slider"),e.setAttribute("aria-label","Seek"),e.setAttribute("aria-valuemin","0"),e.setAttribute("aria-valuemax","0"),e.setAttribute("aria-valuenow","0"),n=u("div","vide-progress__buffered"),t=u("div","vide-progress__bar"),r=u("div","vide-progress__handle"),e.appendChild(n),e.appendChild(t),e.appendChild(r),s.appendChild(e),o=s.closest(".vide-ui");},connect(s){i=s,e&&(i.on("timeupdate",c),i.on("statechange",f),e.addEventListener("pointerdown",y),e.addEventListener("pointermove",E),e.addEventListener("pointerup",L));},destroy(){e&&(e.removeEventListener("pointerdown",y),e.removeEventListener("pointermove",E),e.removeEventListener("pointerup",L),e.remove(),e=null,t=null,n=null,r=null),i&&(i.off("timeupdate",c),i.off("statechange",f),i=null),o=null;}}}function z(){let e=null,t=null,n=null,r=null;function o({currentTime:i,duration:l}){t&&(t.textContent=C(i)),n&&(n.textContent=C(l));}return {mount(i){e=u("div","vide-time"),t=u("span","vide-time__current");let l=u("span","vide-time__separator");n=u("span","vide-time__duration"),t.textContent="0:00",l.textContent="/",n.textContent="0:00",e.appendChild(t),e.appendChild(l),e.appendChild(n),i.appendChild(e);},connect(i){r=i,r.on("timeupdate",o);},destroy(){e&&(e.remove(),e=null,t=null,n=null),r&&(r.off("timeupdate",o),r=null);}}}function N(){let e=null,t=null,n=null,r=null,o=false,i=null;function l(){if(!t||!r)return;i&&i.remove(),r.muted||r.volume===0?i=$():r.volume<.5?i=q():i=K(),t.appendChild(i);}function a(){if(!r||!e||!t)return;r.muted||r.volume===0?(e.classList.add("vide-volume--muted"),t.setAttribute("aria-label","Unmute")):(e.classList.remove("vide-volume--muted"),t.setAttribute("aria-label","Mute"));let s=r.muted?0:r.volume;e.style.setProperty("--vide-volume",String(s)),n&&n.setAttribute("aria-valuenow",String(Math.round(s*100))),l();}function d(f){if(!n)return 0;let s=n.getBoundingClientRect();return s.width===0?0:Math.max(0,Math.min(1,(f.clientX-s.left)/s.width))}function m(){r&&(r.muted=!r.muted);}function c(){o||a();}function y(f){if(!r||!n)return;o=true,n.setPointerCapture(f.pointerId);let s=d(f);r.volume=s,r.muted&&s>0&&(r.muted=false),a();}function E(f){if(!o||!r)return;let s=d(f);r.volume=s,r.muted&&s>0&&(r.muted=false),a();}function L(f){!o||!n||(o=false,n.releasePointerCapture(f.pointerId));}return {mount(f){e=u("div","vide-volume"),t=u("button","vide-volume__button"),t.type="button",t.setAttribute("aria-label","Mute"),n=u("div","vide-volume__slider"),n.setAttribute("role","slider"),n.setAttribute("aria-label","Volume"),n.setAttribute("aria-valuemin","0"),n.setAttribute("aria-valuemax","100"),n.setAttribute("aria-valuenow","100");let s=u("div","vide-volume__track"),v=u("div","vide-volume__filled");n.appendChild(s),n.appendChild(v),e.appendChild(t),e.appendChild(n),f.appendChild(e);},connect(f){r=f,!(!t||!n)&&(t.addEventListener("click",m),n.addEventListener("pointerdown",y),n.addEventListener("pointermove",E),n.addEventListener("pointerup",L),r.el.addEventListener("volumechange",c),a());},destroy(){t&&t.removeEventListener("click",m),n&&(n.removeEventListener("pointerdown",y),n.removeEventListener("pointermove",E),n.removeEventListener("pointerup",L)),r&&(r.el.removeEventListener("volumechange",c),r=null),e&&(e.remove(),e=null,t=null,n=null,i=null);}}}function re(e,t,n){e.mount(t),e.connect(n);}var oe=new Set(["ad-overlay"]);function Z(e){let t=S(),n=new Set(oe);if(e.include)for(let r of e.include)n.delete(r);if(e.exclude)for(let r of e.exclude)n.add(r);return {name:"ui",setup(r){r.isAudio&&(n.add("fullscreen"),n.add("poster"));let o=document.createElement("div");o.className="vide-ui",o.setAttribute("role","region"),o.setAttribute("aria-label",r.isAudio?"Audio player":"Video player"),e.container.appendChild(o);let i=[];function l(c,y,E){n.has(c)||(re(y,E,r),i.push(y));}if(l("loader",D(),o),l("error",w(),o),l("bigplay",H(),o),e.poster&&l("poster",G({src:e.poster}),o),l("clickplay",V(n),o),!n.has("ad-overlay")||!n.has("ad-label")||!n.has("ad-countdown")||!n.has("ad-skip")||!n.has("ad-learn-more")){let c=document.createElement("div");c.className="vide-ad",o.appendChild(c),l("ad-overlay",U(t),c),l("ad-label",M(),c),l("ad-countdown",T(t),c),l("ad-skip",x(t),c),l("ad-learn-more",W(t),c);}let d=document.createElement("div");d.className="vide-controls",d.addEventListener("click",c=>c.stopPropagation()),o.appendChild(d),l("play",F(),d),l("progress",R(),d),l("time",z(),d),l("volume",N(),d),l("fullscreen",_(),d),l("autohide",I(),o),l("keyboard",j({excluded:n}),o);let m=A(o,r);return ()=>{for(let c of i)c.destroy();m(),o.remove();}},getAdPlugin(){return ()=>[P(t)]}}}var ie=globalThis.Vide??(globalThis.Vide={});Object.assign(ie,{ui:Z,createPlayButton:F,createProgress:R,createTimeDisplay:z,createVolume:N,createFullscreen:_,createLoader:D,createErrorDisplay:w,createBigPlay:H,createPoster:G,createAdCountdown:T,createAdSkip:x,createAdOverlay:U,createAdLabel:M,createKeyboard:j,createClickPlay:V,createAutohide:I,connectStateClasses:A,stateToClass:g,isAdState:p,formatTime:C,createAdUIState:S,uiAdPlugin:P});
|
|
2
2
|
})();
|
package/dist/vide.vast.global.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(){'use strict';function V(t){let n=new DOMParser().parseFromString(t,"text/xml");if(n.querySelector("parsererror"))return {version:"",ads:[],errors:["VAST XML parse error"]};let r=n.documentElement;if(r.tagName!=="VAST")return {version:"",ads:[],errors:["Document is not a VAST response"]};let s=r.getAttribute("version")??"",o=J(r,"Error"),c=h(r,"Ad"),u=[];for(let m of c){let d=le(m);d&&u.push(d);}return {version:s,ads:u,errors:o}}function le(t){let e=se(t,"InLine");if(!e)return null;let n=t.getAttribute("id")??"",i=t.getAttribute("sequence"),r=w(i,void 0),s=F(e,"AdSystem"),o=F(e,"AdTitle"),c=N(e,"Impression"),u=J(e,"Error"),m=e.querySelector("Creatives"),d=[];if(m){let p=h(m,"Creative");for(let T of p)d.push(me(T));}let v=de(e),A=fe(e);return {id:n,sequence:r,adSystem:s,adTitle:o,impressions:c,creatives:d,errors:u,verifications:v,categories:A}}function de(t){let e=t.querySelector("AdVerifications");if(!e)return;let n=[],i=h(e,"Verification");for(let r of i){let s=r.getAttribute("vendor")??"",o="",c,u=r.querySelector("JavaScriptResource");if(u)o=(u.textContent??"").trim(),c=u.getAttribute("apiFramework")??void 0;else {let v=r.querySelector("ExecutableResource");v&&(o=(v.textContent??"").trim(),c=v.getAttribute("apiFramework")??void 0);}let m=r.querySelector("VerificationParameters"),d=m&&(m.textContent??"").trim()||void 0;n.push({vendor:s,resourceUrl:o,apiFramework:c,parameters:d});}return n.length>0?n:void 0}function fe(t){let e=h(t,"Category");if(e.length===0)return;let n=[];for(let i of e){let r=i.getAttribute("authority")??"",s=(i.textContent??"").trim();s&&n.push({authority:r,value:s});}return n.length>0?n:void 0}function me(t){let e=t.getAttribute("id")??void 0,n=t.getAttribute("sequence"),i=w(n,void 0),r=t.querySelector("Linear"),s=r?ge(r):null;return {id:e,sequence:i,linear:s}}function ge(t){let e=F(t,"Duration"),n=re(e),i=t.getAttribute("skipoffset"),r=i!==null?ie(i,n):void 0,s=ve(t),o=pe(t),c=ne(t),u=t.querySelector("VideoClicks"),m=u&&F(u,"ClickThrough")||void 0,d=u?N(u,"ClickTracking"):[];return {duration:n,skipOffset:r,mediaFiles:s,interactiveCreativeFiles:o,trackingEvents:c,clickThrough:m,clickTracking:d}}function ve(t){let e=t.querySelector("MediaFiles");if(!e)return [];let n=[],i=h(e,"MediaFile");for(let r of i){let s=(r.textContent??"").trim();if(!s)continue;let o=r.getAttribute("delivery");n.push({url:s,mimeType:r.getAttribute("type")??"",width:w(r.getAttribute("width"),0),height:w(r.getAttribute("height"),0),bitrate:w(r.getAttribute("bitrate"),void 0),delivery:o==="streaming"?"streaming":"progressive"});}return n}function pe(t){let e=t.querySelector("MediaFiles");if(!e)return [];let n=[],i=h(e,"InteractiveCreativeFile");for(let r of i){let s=(r.textContent??"").trim();if(!s)continue;let o=r.getAttribute("apiFramework")??"",c=r.getAttribute("variableDuration"),u=c==="true"?true:c==="false"?false:void 0;n.push({url:s,apiFramework:o,variableDuration:u});}return n}var Ee=new Set(["start","firstQuartile","midpoint","thirdQuartile","complete","pause","resume","skip","loaded","mute","unmute","rewind","playerExpand","playerCollapse","closeLinear","notUsed","otherAdInteraction","creativeView"]);function ne(t){let e=$(),n=t.querySelector("TrackingEvents");if(!n)return e;let i=n.querySelectorAll("Tracking");for(let r of i){let s=r.getAttribute("event"),o=(r.textContent??"").trim();if(!(!s||!o))if(s==="progress"){let c=r.getAttribute("offset"),u=c?ie(c,0):0;e.progress.push({offset:u,url:o});}else Ee.has(s)&&e[s].push(o);}return e}function re(t){if(!t)return 0;let e=t.split(":");if(e.length!==3)return 0;let n=Number.parseInt(e[0],10),i=Number.parseInt(e[1],10),r=Number.parseFloat(e[2]);return Number.isNaN(n)||Number.isNaN(i)||Number.isNaN(r)?0:n*3600+i*60+r}function ie(t,e){if(t.endsWith("%")){let n=Number.parseFloat(t);return Number.isNaN(n)?0:n/100*e}return re(t)}function h(t,e){let n=[];for(let i=0;i<t.children.length;i++)t.children[i].tagName===e&&n.push(t.children[i]);return n}function se(t,e){for(let n=0;n<t.children.length;n++)if(t.children[n].tagName===e)return t.children[n];return null}function J(t,e){let n=[];for(let i of h(t,e)){let r=(i.textContent??"").trim();r&&n.push(r);}return n}function F(t,e){let n=t.querySelector(e);return n?(n.textContent??"").trim():""}function N(t,e){let n=t.querySelectorAll(e),i=[];for(let r of n){let s=(r.textContent??"").trim();s&&i.push(s);}return i}async function b(t,e){let n=e?.timeout??5e3,i=new AbortController,r=setTimeout(()=>i.abort(),n);try{let s=await fetch(t,{signal:i.signal});if(!s.ok)throw new Error(`VAST fetch failed: ${s.status}`);return await s.text()}finally{clearTimeout(r);}}async function K(t,e){let n=e?.timeout??1e4,i=e?.maxDepth??5,r=Date.now()+n,s=new Set,o=[],c=t;for(let u=0;u<=i;u++){let m=r-Date.now();if(m<=0)return {version:"",ads:[],errors:["VAST resolve timeout"]};if(s.has(c))return {version:"",ads:[],errors:["VAST circular reference detected"]};s.add(c);let d;try{d=await b(c,{timeout:m});}catch(p){return {version:"",ads:[],errors:[p instanceof Error?p.message:String(p)]}}let v=V(d);if(v.ads.length>0)return {version:v.version,ads:v.ads.map(p=>Ae(p,o)),errors:v.errors};let A=ke(d);if(!A)return v;o.push(A),c=A.adTagUri;}return {version:"",ads:[],errors:["VAST wrapper depth limit exceeded"]}}function ke(t){let i=new DOMParser().parseFromString(t,"text/xml").documentElement;if(i.tagName!=="VAST")return null;for(let r of h(i,"Ad")){let s=se(r,"Wrapper");if(!s)continue;let o=F(s,"VASTAdTagURI").trim();if(!o)continue;let c=J(s,"Error"),u=N(s,"Impression"),m=$(),d=[],v=s.querySelector("Creatives");if(v)for(let A of h(v,"Creative")){let p=A.querySelector("Linear");if(p){m=ne(p);let T=p.querySelector("VideoClicks");T&&(d=N(T,"ClickTracking"));break}}return {adTagUri:o,errors:c,impressions:u,trackingEvents:m,clickTracking:d}}return null}function $(){return {start:[],firstQuartile:[],midpoint:[],thirdQuartile:[],complete:[],pause:[],resume:[],skip:[],loaded:[],mute:[],unmute:[],rewind:[],playerExpand:[],playerCollapse:[],closeLinear:[],notUsed:[],otherAdInteraction:[],creativeView:[],progress:[]}}function he(t,e){let n=$();for(let i of Object.keys(n)){if(i==="progress")continue;let r=n[i];for(let s of t)r.push(...s[i]);r.push(...e[i]);}for(let i of t)n.progress.push(...i.progress);return n.progress.push(...e.progress),n}function Ae(t,e){if(e.length===0)return t;let n=[...e.flatMap(s=>s.errors),...t.errors],i=[...e.flatMap(s=>s.impressions),...t.impressions],r=t.creatives.map(s=>s.linear?{...s,linear:{...s.linear,trackingEvents:he(e.map(o=>o.trackingEvents),s.linear.trackingEvents),clickTracking:[...e.flatMap(o=>o.clickTracking),...s.linear.clickTracking]}}:s);return {...t,errors:n,impressions:i,creatives:r}}function w(t,e){if(t==null)return e;let n=Number.parseInt(t,10);return Number.isNaN(n)?e:n}function f(t){for(let e of t)typeof navigator<"u"&&typeof navigator.sendBeacon=="function"?navigator.sendBeacon(e):new Image().src=e;}function P(t,e){if(e<=0)return null;let n=t/e;return n>=1?"complete":n>=.75?"thirdQuartile":n>=.5?"midpoint":n>=.25?"firstQuartile":t>=0?"start":null}function oe(t,e){let n=new Set,i=["start","firstQuartile","midpoint","thirdQuartile","complete"];return r=>{let s=P(r,t);if(!s||n.has(s))return;let o=i.indexOf(s);for(let c=0;c<=o;c++){let u=i[c];n.has(u)||(n.add(u),e(u));}}}function ae(t){return {name:"vast",setup(e){let n=false,i=null,r=e._setState;async function s(){if(!n){r("ad:loading");try{let ee=function(l){if(a)for(let g of a.trackingEvents.progress)!Z.has(g.offset)&&l>=g.offset&&(Z.add(g.offset),f([g.url]));},y=function(){for(let l of Q)l();Q.length=0;},L=function(){e.emit("ad:end",{adId:k}),r("playing"),te();},te=function(){function l({to:g}){g==="ready"&&(e.off("statechange",l),H>0&&(e.el.currentTime=H),e.play().catch(()=>{e.el.muted=!0,e.play().catch(()=>{});}));}e.on("statechange",l),e.src=ue;},R=function(){!a||E||(f(a.clickTracking),e.emit("ad:click",{clickThrough:a.clickThrough,clickTracking:a.clickTracking}));},D=function(){!a||E||(f(a.trackingEvents.skip),E=!0,x(),y(),L());},U=function(){!a||E||e.state==="ad:playing"&&(f(a.trackingEvents.pause),r("ad:paused"));},W=function(){!a||E||e.state==="ad:paused"&&(f(a.trackingEvents.resume),r("ad:playing"));},j=function(){Y(e.el.currentTime),ee(e.el.currentTime);},_=function(){if(!a||E)return;let l=e.el.muted||e.el.volume===0;l&&!M?(f(a.trackingEvents.mute),e.emit("ad:mute",{adId:k})):!l&&M&&(f(a.trackingEvents.unmute),e.emit("ad:unmute",{adId:k})),M=l,e.emit("ad:volumeChange",{adId:k,volume:e.el.muted?0:e.el.volume});},B=function(){if(!a||E)return;let l=!!document.fullscreenElement;l&&!O?(f(a.trackingEvents.playerExpand),e.emit("ad:fullscreen",{adId:k,fullscreen:!0})):!l&&O&&(f(a.trackingEvents.playerCollapse),e.emit("ad:fullscreen",{adId:k,fullscreen:!1})),O=l;},X=function(){E||(E=!0,x(),y(),e.emit("ad:error",{error:new Error("Ad media playback failed"),source:"vast"}),L());},G=function(){E||(E=!0,a&&Y(a.duration),x(),y(),L());},q=function(){e.el.removeEventListener("canplay",q),a&&(f(a.trackingEvents.loaded),f(a.trackingEvents.creativeView),e.emit("ad:loaded",{adId:k}),r("ad:playing"),e.el.play().catch(()=>{e.el.muted=!0,e.el.play().catch(()=>{});}));},x=function(){e.el.removeEventListener("timeupdate",j),e.el.removeEventListener("ended",G),e.el.removeEventListener("error",X),e.el.removeEventListener("canplay",q),e.el.removeEventListener("pause",U),e.el.removeEventListener("play",W),e.el.removeEventListener("click",R),e.el.removeEventListener("volumechange",_),document.removeEventListener("fullscreenchange",B),e.off("ad:skip",D);};var c=ee,u=y,m=L,d=te,v=R,A=D,p=U,T=W,Te=j,Se=_,Ce=B,xe=X,we=G,Fe=q,ye=x;let S=t.timeout!==void 0?{timeout:t.timeout}:void 0,ce=await b(t.tagUrl,S);if(n)return;let I=V(ce);if(I.ads.length===0){r("playing");return}let a=null,C=null;for(let l of I.ads){for(let g of l.creatives)if(g.linear&&g.linear.mediaFiles.length>0){a=g.linear,C=l;break}if(a)break}if(!a||!C){r("playing");return}let k=C.id;e.emit("ad:start",{adId:k});let Q=[];if(t.adPlugins)for(let l of t.adPlugins(C)){let g=l.setup(e,C);g&&Q.push(g);}for(let l of I.ads)f(l.impressions);e.emit("ad:impression",{adId:k});let z=Ve(a.mediaFiles);if(!z){e.emit("ad:error",{error:new Error("No suitable media file found"),source:"vast"}),r("playing");return}let H=e.el.currentTime,ue=e.src,Y=oe(a.duration,l=>{if(!a)return;let g=a.trackingEvents[l];g&&f(g),e.emit("ad:quartile",{adId:k,quartile:l});}),Z=new Set,M=e.el.muted||e.el.volume===0,O=!!document.fullscreenElement,E=!1;e.el.addEventListener("canplay",q),e.el.addEventListener("timeupdate",j),e.el.addEventListener("ended",G),e.el.addEventListener("error",X),e.el.addEventListener("pause",U),e.el.addEventListener("play",W),e.el.addEventListener("click",R),e.el.addEventListener("volumechange",_),document.addEventListener("fullscreenchange",B),e.on("ad:skip",D),i=x,e.src="",e.el.src=z.url,e.el.load();}catch(S){if(n)return;e.emit("ad:error",{error:S instanceof Error?S:new Error(String(S)),source:"vast"}),r("playing");}}}function o({to:c}){c==="ready"&&!n&&(e.off("statechange",o),s());}return e.state==="ready"||e.state==="playing"||e.state==="paused"?s():e.on("statechange",o),()=>{n=true,e.off("statechange",o),i&&i();}}}}function Ve(t){if(t.length===0)return null;let e=t.filter(i=>i.mimeType==="video/mp4");return (e.length>0?e:t).sort((i,r)=>(r.bitrate??0)-(i.bitrate??0))[0]}var be=globalThis.Vide??(globalThis.Vide={});Object.assign(be,{vast:ae,parseVast:V,fetchVast:b,resolveVast:K,track:f,getQuartile:P});})();
|
|
1
|
+
(function(){'use strict';function L(t){let n=new DOMParser().parseFromString(t,"text/xml");if(n.querySelector("parsererror"))return {version:"",ads:[],errors:["VAST XML parse error"]};let i=n.documentElement;if(i.tagName!=="VAST")return {version:"",ads:[],errors:["Document is not a VAST response"]};let s=i.getAttribute("version")??"",o=w(i,"Error"),c=k(i,"Ad"),l=[];for(let p of c){let a=ge(p);a&&l.push(a);}return {version:s,ads:l,errors:o}}function ge(t){let e=S(t,"InLine");if(!e)return null;let n=t.getAttribute("id")??"",r=t.getAttribute("sequence"),i=T(r,void 0),s=b(e,"AdSystem"),o=b(e,"AdTitle"),c=P(e,"Impression"),l=w(e,"Error"),p=e.querySelector("Creatives"),a=[];if(p){let v=k(p,"Creative");for(let A of v)a.push(ve(A));}let d=te(e),m=Ae(e),g=ne(e),u=re(e);return {id:n,sequence:i,adSystem:s,adTitle:o,impressions:c,creatives:a,errors:l,verifications:d,categories:m,extensions:g,viewableImpression:u}}function te(t){let e=t.querySelector("AdVerifications");if(!e)return;let n=[],r=k(e,"Verification");for(let i of r){let s=i.getAttribute("vendor")??"",o="",c,l=i.querySelector("JavaScriptResource");if(l)o=(l.textContent??"").trim(),c=l.getAttribute("apiFramework")??void 0;else {let d=i.querySelector("ExecutableResource");d&&(o=(d.textContent??"").trim(),c=d.getAttribute("apiFramework")??void 0);}let p=i.querySelector("VerificationParameters"),a=p&&(p.textContent??"").trim()||void 0;n.push({vendor:s,resourceUrl:o,apiFramework:c,parameters:a});}return n.length>0?n:void 0}function Ae(t){let e=k(t,"Category");if(e.length===0)return;let n=[];for(let r of e){let i=r.getAttribute("authority")??"",s=(r.textContent??"").trim();s&&n.push({authority:i,value:s});}return n.length>0?n:void 0}function ne(t){let e=S(t,"Extensions");if(!e)return;let n=[],r=new XMLSerializer;for(let i of k(e,"Extension")){let s=i.getAttribute("type")??"",o="";for(let c=0;c<i.childNodes.length;c++)o+=r.serializeToString(i.childNodes[c]);o=o.trim(),o&&n.push({type:s,content:o});}return n.length>0?n:void 0}function re(t){let e=S(t,"ViewableImpression");if(!e)return;let n=w(e,"Viewable"),r=w(e,"NotViewable"),i=w(e,"ViewUndetermined");if(!(n.length===0&&r.length===0&&i.length===0))return {viewable:n,notViewable:r,viewUndetermined:i}}function ve(t){let e=t.getAttribute("id")??void 0,n=t.getAttribute("sequence"),r=T(n,void 0),i=t.querySelector("Linear"),s=i?Ee(i):null,o=se(t),c=be(t);return {id:e,sequence:r,linear:s,companionAds:o,nonLinearAds:c}}function Ee(t){let e=b(t,"Duration"),n=j(e),r=t.getAttribute("skipoffset"),i=r!==null?ce(r,n):void 0,s=ke(t),o=Te(t),c=ae(t),l=t.querySelector("VideoClicks"),p=l&&b(l,"ClickThrough")||void 0,a=l?P(l,"ClickTracking"):[];return {duration:n,skipOffset:i,mediaFiles:s,interactiveCreativeFiles:o,trackingEvents:c,clickThrough:p,clickTracking:a}}function ke(t){let e=t.querySelector("MediaFiles");if(!e)return [];let n=[],r=k(e,"MediaFile");for(let i of r){let s=(i.textContent??"").trim();if(!s)continue;let o=i.getAttribute("delivery");n.push({url:s,mimeType:i.getAttribute("type")??"",width:T(i.getAttribute("width"),0),height:T(i.getAttribute("height"),0),bitrate:T(i.getAttribute("bitrate"),void 0),delivery:o==="streaming"?"streaming":"progressive"});}return n}function Te(t){let e=t.querySelector("MediaFiles");if(!e)return [];let n=[],r=k(e,"InteractiveCreativeFile");for(let i of r){let s=(i.textContent??"").trim();if(!s)continue;let o=i.getAttribute("apiFramework")??"",c=i.getAttribute("variableDuration"),l=c==="true"?true:c==="false"?false:void 0;n.push({url:s,apiFramework:o,variableDuration:l});}return n}function ie(t){let e=[];for(let n of k(t,"StaticResource")){let r=(n.textContent??"").trim(),i=n.getAttribute("creativeType")??"";r&&e.push({type:"static",url:r,creativeType:i});}for(let n of k(t,"IFrameResource")){let r=(n.textContent??"").trim();r&&e.push({type:"iframe",url:r});}for(let n of k(t,"HTMLResource")){let r=(n.textContent??"").trim();r&&e.push({type:"html",content:r});}return e}function se(t){let e=S(t,"CompanionAds");if(!e)return;let n=e.getAttribute("required"),r=n==="all"||n==="any"?n:"none",i=[];for(let s of k(e,"Companion")){let o=Ve(s);o&&i.push(o);}return i.length>0?{required:r,companions:i}:void 0}function Ve(t){let e=T(t.getAttribute("width"),0),n=T(t.getAttribute("height"),0);if(e===0||n===0)return null;let r=t.getAttribute("id")??void 0,i=T(t.getAttribute("assetWidth"),void 0),s=T(t.getAttribute("assetHeight"),void 0),o=T(t.getAttribute("expandedWidth"),void 0),c=T(t.getAttribute("expandedHeight"),void 0),l=t.getAttribute("apiFramework")??void 0,p=t.getAttribute("adSlotId")??void 0,a=_e(t.getAttribute("pxratio"),void 0),d=t.getAttribute("renderingMode"),m=d==="end-card"||d==="concurrent"?d:d==="default"?"default":void 0,g=ie(t),u=b(t,"CompanionClickThrough")||void 0,v=P(t,"CompanionClickTracking"),A=he(t),C=b(t,"AltText")||void 0,R=b(t,"AdParameters")||void 0;return {width:e,height:n,id:r,assetWidth:i,assetHeight:s,expandedWidth:o,expandedHeight:c,apiFramework:l,adSlotId:p,pxratio:a,renderingMode:m,resources:g,clickThrough:u,clickTracking:v,trackingEvents:A,altText:C,adParameters:R}}function he(t){let e={creativeView:[]},n=t.querySelector("TrackingEvents");if(!n)return e;for(let r of n.querySelectorAll("Tracking")){let i=r.getAttribute("event"),s=(r.textContent??"").trim();i==="creativeView"&&s&&e.creativeView.push(s);}return e}function be(t){let e=S(t,"NonLinearAds");if(!e)return;let n=oe(e),r=[];for(let i of k(e,"NonLinear")){let s=Re(i);s&&r.push(s);}return r.length>0?{trackingEvents:n,nonLinears:r}:void 0}function Re(t){let e=T(t.getAttribute("width"),0),n=T(t.getAttribute("height"),0);if(e===0||n===0)return null;let r=t.getAttribute("id")??void 0,i=T(t.getAttribute("expandedWidth"),void 0),s=T(t.getAttribute("expandedHeight"),void 0),o=t.getAttribute("scalable"),c=o==="true"?true:o==="false"?false:void 0,l=t.getAttribute("maintainAspectRatio"),p=l==="true"?true:l==="false"?false:void 0,a=t.getAttribute("minSuggestedDuration"),d=a&&j(a)||void 0,m=t.getAttribute("apiFramework")??void 0,g=ie(t),u=b(t,"NonLinearClickThrough")||void 0,v=P(t,"NonLinearClickTracking"),A=b(t,"AdParameters")||void 0;return {width:e,height:n,id:r,expandedWidth:i,expandedHeight:s,scalable:c,maintainAspectRatio:p,minSuggestedDuration:d,apiFramework:m,resources:g,clickThrough:u,clickTracking:v,adParameters:A}}function oe(t){let e={},n=S(t,"TrackingEvents");if(!n)return e;for(let r of k(n,"Tracking")){let i=r.getAttribute("event"),s=(r.textContent??"").trim();!i||!s||(e[i]||(e[i]=[]),e[i].push(s));}return e}var Se=new Set(["start","firstQuartile","midpoint","thirdQuartile","complete","pause","resume","skip","loaded","mute","unmute","rewind","playerExpand","playerCollapse","closeLinear","notUsed","otherAdInteraction","creativeView"]);function ae(t){let e=Z(),n=t.querySelector("TrackingEvents");if(!n)return e;let r=n.querySelectorAll("Tracking");for(let i of r){let s=i.getAttribute("event"),o=(i.textContent??"").trim();if(!(!s||!o))if(s==="progress"){let c=i.getAttribute("offset"),l=c?ce(c,0):0;e.progress.push({offset:l,url:o});}else Se.has(s)&&e[s].push(o);}return e}function j(t){if(!t)return 0;let e=t.split(":");if(e.length!==3)return 0;let n=Number.parseInt(e[0],10),r=Number.parseInt(e[1],10),i=Number.parseFloat(e[2]);return Number.isNaN(n)||Number.isNaN(r)||Number.isNaN(i)?0:n*3600+r*60+i}function ce(t,e){if(t.endsWith("%")){let n=Number.parseFloat(t);return Number.isNaN(n)?0:n/100*e}return j(t)}function k(t,e){let n=[];for(let r=0;r<t.children.length;r++)t.children[r].tagName===e&&n.push(t.children[r]);return n}function S(t,e){for(let n=0;n<t.children.length;n++)if(t.children[n].tagName===e)return t.children[n];return null}function w(t,e){let n=[];for(let r of k(t,e)){let i=(r.textContent??"").trim();i&&n.push(i);}return n}function b(t,e){let n=t.querySelector(e);return n?(n.textContent??"").trim():""}function P(t,e){let n=t.querySelectorAll(e),r=[];for(let i of n){let s=(i.textContent??"").trim();s&&r.push(s);}return r}async function O(t,e){let n=e?.timeout??5e3,r=new AbortController,i=setTimeout(()=>r.abort(),n);try{let s=await fetch(t,{signal:r.signal});if(!s.ok)throw new Error(`VAST fetch failed: ${s.status}`);return await s.text()}finally{clearTimeout(i);}}async function H(t,e){let n=e?.timeout??1e4,r=e?.maxDepth??5,i=Date.now()+n,s=new Set,o=[],c=t;for(let l=0;l<=r;l++){let p=i-Date.now();if(p<=0)return {version:"",ads:[],errors:["VAST resolve timeout"]};if(s.has(c))return {version:"",ads:[],errors:["VAST circular reference detected"]};s.add(c);let a;try{a=await O(c,{timeout:p});}catch(g){return {version:"",ads:[],errors:[g instanceof Error?g.message:String(g)]}}let d=L(a);if(d.ads.length>0)return {version:d.version,ads:d.ads.map(g=>Ne(g,o)),errors:d.errors};let m=ye(a);if(!m)return d;o.push(m),c=m.adTagUri;}return {version:"",ads:[],errors:["VAST wrapper depth limit exceeded"]}}function ye(t){let r=new DOMParser().parseFromString(t,"text/xml").documentElement;if(r.tagName!=="VAST")return null;for(let i of k(r,"Ad")){let s=S(i,"Wrapper");if(!s)continue;let o=b(s,"VASTAdTagURI").trim();if(!o)continue;let c=w(s,"Error"),l=P(s,"Impression"),p=Z(),a=[],d,m=[],g=[],u={},v=[],A=s.querySelector("Creatives");if(A)for(let N of k(A,"Creative")){let _=N.querySelector("Linear");if(_){p=ae(_);let h=_.querySelector("VideoClicks");h&&(a=P(h,"ClickTracking"));}let x=se(N);if(x){d=x;for(let h of x.companions)m.push(...h.clickTracking),g.push(...h.trackingEvents.creativeView);}let I=S(N,"NonLinearAds");if(I){u=oe(I);for(let h of k(I,"NonLinear"))v.push(...P(h,"NonLinearClickTracking"));}}let C=te(s),R=ne(s),M=re(s);return {adTagUri:o,errors:c,impressions:l,trackingEvents:p,clickTracking:a,companionAds:d,companionClickTracking:m,companionCreativeViewTracking:g,nonLinearTrackingEvents:u,nonLinearClickTracking:v,verifications:C,extensions:R,viewableImpression:M}}return null}function Z(){return {start:[],firstQuartile:[],midpoint:[],thirdQuartile:[],complete:[],pause:[],resume:[],skip:[],loaded:[],mute:[],unmute:[],rewind:[],playerExpand:[],playerCollapse:[],closeLinear:[],notUsed:[],otherAdInteraction:[],creativeView:[],progress:[]}}function Ce(t,e){let n=Z();for(let r of Object.keys(n)){if(r==="progress")continue;let i=n[r];for(let s of t)i.push(...s[r]);i.push(...e[r]);}for(let r of t)n.progress.push(...r.progress);return n.progress.push(...e.progress),n}function Pe(t,e){let n=[...t,e].filter(r=>r!==void 0);if(n.length!==0)return {viewable:n.flatMap(r=>r.viewable),notViewable:n.flatMap(r=>r.notViewable),viewUndetermined:n.flatMap(r=>r.viewUndetermined)}}function Ne(t,e){if(e.length===0)return t;let n=[...e.flatMap(a=>a.errors),...t.errors],r=[...e.flatMap(a=>a.impressions),...t.impressions],i=e.flatMap(a=>a.verifications??[]),s=i.length>0||t.verifications&&t.verifications.length>0?[...i,...t.verifications??[]]:t.verifications,o=e.flatMap(a=>a.extensions??[]),c=o.length>0||t.extensions&&t.extensions.length>0?[...o,...t.extensions??[]]:t.extensions,l=Pe(e.map(a=>a.viewableImpression),t.viewableImpression),p=t.creatives.map(a=>{let d=a;if(a.linear&&(d={...d,linear:{...a.linear,trackingEvents:Ce(e.map(m=>m.trackingEvents),a.linear.trackingEvents),clickTracking:[...e.flatMap(m=>m.clickTracking),...a.linear.clickTracking]}}),a.companionAds){let m=e.flatMap(u=>u.companionClickTracking),g=e.flatMap(u=>u.companionCreativeViewTracking);(m.length>0||g.length>0)&&(d={...d,companionAds:{...a.companionAds,companions:a.companionAds.companions.map(u=>({...u,clickTracking:[...m,...u.clickTracking],trackingEvents:{creativeView:[...g,...u.trackingEvents.creativeView]}}))}});}else for(let m=e.length-1;m>=0;m--)if(e[m].companionAds){d={...d,companionAds:e[m].companionAds};break}if(a.nonLinearAds){let m=e.flatMap(u=>u.nonLinearClickTracking),g={};for(let u of e)for(let[v,A]of Object.entries(u.nonLinearTrackingEvents))g[v]||(g[v]=[]),g[v].push(...A);for(let[u,v]of Object.entries(a.nonLinearAds.trackingEvents))g[u]||(g[u]=[]),g[u].push(...v);d={...d,nonLinearAds:{trackingEvents:g,nonLinears:a.nonLinearAds.nonLinears.map(u=>({...u,clickTracking:[...m,...u.clickTracking]}))}};}return d});return {...t,errors:n,impressions:r,creatives:p,verifications:s,extensions:c,viewableImpression:l}}function T(t,e){if(t==null)return e;let n=Number.parseInt(t,10);return Number.isNaN(n)?e:n}function _e(t,e){if(t==null)return e;let n=Number.parseFloat(t);return Number.isNaN(n)?e:n}function D(t){if(t.length===0)return null;let e=t.filter(r=>r.mimeType==="video/mp4");return (e.length>0?e:t).sort((r,i)=>(i.bitrate??0)-(r.bitrate??0))[0]}function y(t,e){let n=t.map(r=>r.replace("[ERRORCODE]",String(e)));E(n);}function E(t){for(let e of t)typeof navigator<"u"&&typeof navigator.sendBeacon=="function"?navigator.sendBeacon(e):new Image().src=e;}function Q(t,e){if(e<=0)return null;let n=t/e;return n>=1?"complete":n>=.75?"thirdQuartile":n>=.5?"midpoint":n>=.25?"firstQuartile":t>=0?"start":null}function de(t,e){let n=new Set,r=["start","firstQuartile","midpoint","thirdQuartile","complete"];return i=>{let s=Q(i,t);if(!s||n.has(s))return;let o=r.indexOf(s);for(let c=0;c<=o;c++){let l=r[c];n.has(l)||(n.add(l),e(l));}}}function X(t){E(t.trackingEvents.creativeView);}function F(t){let{player:e,ad:n,linear:r,source:i}=t,s=n.id,o=e._setState,c=()=>{},l=new Promise(f=>{c=f;}),p=[];if(t.adPlugins)for(let f of t.adPlugins(n)){let V=f.setup(e,n);V&&p.push(V);}o("ad:loading"),e.emit("ad:start",{adId:s,clickThrough:r.clickThrough,skipOffset:r.skipOffset,duration:r.duration,adTitle:n.adTitle});for(let f of n.creatives)if(f.companionAds&&f.companionAds.companions.length>0){e.emit("ad:companions",{adId:s,required:f.companionAds.required,companions:f.companionAds.companions});break}for(let f of n.creatives)if(f.nonLinearAds&&f.nonLinearAds.nonLinears.length>0){e.emit("ad:nonlinears",{adId:s,nonLinears:f.nonLinearAds.nonLinears,trackingEvents:f.nonLinearAds.trackingEvents});break}E(n.impressions),e.emit("ad:impression",{adId:s});let a=D(r.mediaFiles);if(!a)return R(),y(n.errors,403),e.emit("ad:error",{error:new Error("No suitable media file found"),source:i,vastErrorCode:403}),e.emit("ad:end",{adId:s}),c({outcome:"error",errorPhase:"load",adId:s}),{promise:l,abort:()=>{}};let d=de(r.duration,f=>{let V=r.trackingEvents[f];V&&E(V),e.emit("ad:quartile",{adId:s,quartile:f});}),m=new Set;function g(f){for(let V of r.trackingEvents.progress)!m.has(V.offset)&&f>=V.offset&&(m.add(V.offset),E([V.url]));}let u=e.el.muted||e.el.volume===0,v=!!document.fullscreenElement,A=false,C=false;function R(){for(let f of p)f();p.length=0;}function M(f){e.emit("ad:end",{adId:s});let V=f==="error"?{outcome:f,errorPhase:C?"playback":"load",adId:s}:{outcome:f,adId:s};t.onFinish&&t.onFinish(V),c(V);}function N(){A||(E(r.clickTracking),e.emit("ad:click",{clickThrough:r.clickThrough,clickTracking:r.clickTracking}));}function _(){A||(E(r.trackingEvents.skip),A=true,U(),R(),M("skipped"));}function x(){A||e.state==="ad:playing"&&(E(r.trackingEvents.pause),o("ad:paused"));}function I(){A||e.state==="ad:paused"&&(E(r.trackingEvents.resume),o("ad:playing"));}function h(){d(e.el.currentTime),g(e.el.currentTime);}function z(){if(A)return;let f=e.el.muted||e.el.volume===0;f&&!u?(E(r.trackingEvents.mute),e.emit("ad:mute",{adId:s})):!f&&u&&(E(r.trackingEvents.unmute),e.emit("ad:unmute",{adId:s})),u=f,e.emit("ad:volumeChange",{adId:s,volume:e.el.muted?0:e.el.volume});}function J(){if(A)return;let f=!!document.fullscreenElement;f&&!v?(E(r.trackingEvents.playerExpand),e.emit("ad:fullscreen",{adId:s,fullscreen:true})):!f&&v&&(E(r.trackingEvents.playerCollapse),e.emit("ad:fullscreen",{adId:s,fullscreen:false})),v=f;}function $(){if(A)return;A=true,U(),R();let f=C?405:401;y(n.errors,f),e.emit("ad:error",{error:new Error("Ad media playback failed"),source:i,vastErrorCode:f}),M("error");}function ee(){A||(A=true,d(r.duration),U(),R(),M("completed"));}function W(){e.el.removeEventListener("canplay",W),C=true,E(r.trackingEvents.loaded),E(r.trackingEvents.creativeView),e.emit("ad:loaded",{adId:s}),o("ad:playing"),e.el.play().catch(()=>{e.el.muted=true,e.el.play().catch(()=>{});});}function U(){e.el.removeEventListener("timeupdate",h),e.el.removeEventListener("ended",ee),e.el.removeEventListener("error",$),e.el.removeEventListener("canplay",W),e.el.removeEventListener("pause",x),e.el.removeEventListener("play",I),e.el.removeEventListener("click",N),e.el.removeEventListener("volumechange",z),document.removeEventListener("fullscreenchange",J),e.off("ad:skip",_);}return e.el.addEventListener("canplay",W),e.el.addEventListener("timeupdate",h),e.el.addEventListener("ended",ee),e.el.addEventListener("error",$),e.el.addEventListener("pause",x),e.el.addEventListener("play",I),e.el.addEventListener("click",N),e.el.addEventListener("volumechange",z),document.addEventListener("fullscreenchange",J),e.on("ad:skip",_),e.el.src=a.url,e.el.load(),{promise:l,abort:()=>{A||(A=true,U(),R());}}}function q(t){let e=[];for(let i of t)for(let s of i.creatives)if(s.linear&&s.linear.mediaFiles.length>0){e.push({ad:i,linear:s.linear});break}if(e.length<=1)return {type:"single",ads:e,standalonePool:[]};let n=e.filter(i=>i.ad.sequence!=null),r=e.filter(i=>i.ad.sequence==null);return n.length>0?(n.sort((i,s)=>(i.ad.sequence??0)-(s.ad.sequence??0)),{type:"pod",ads:n,standalonePool:r}):{type:"waterfall",ads:r,standalonePool:[]}}async function Y(t,e,n){let r={completed:0,skipped:0,failed:0},i=e.length,s=n.standalonePool?[...n.standalonePool]:[];t.emit("ad:pod:start",{ads:e.map(o=>o.ad),total:i});for(let o=0;o<e.length;o++){let{ad:c,linear:l}=e[o],p=o===e.length-1;t.emit("ad:pod:adstart",{ad:c,index:o,total:i});let{promise:a}=F({player:t,ad:c,linear:l,source:n.source,adPlugins:n.adPlugins,onFinish:p?n.onFinish:void 0}),d=await a;if(d.outcome==="error"&&s.length>0){let m=s.shift(),{promise:g}=F({player:t,ad:m.ad,linear:m.linear,source:n.source,adPlugins:n.adPlugins,onFinish:p?n.onFinish:void 0});d=await g;}switch(t.emit("ad:pod:adend",{ad:c,index:o,total:i}),d.outcome){case "completed":r.completed++;break;case "skipped":r.skipped++;break;case "error":r.failed++;break}}return t.emit("ad:pod:end",r),r}async function B(t,e,n){for(let{ad:r,linear:i}of e){let{promise:s}=F({player:t,ad:r,linear:i,source:n.source,adPlugins:n.adPlugins,onFinish:n.onFinish}),o=await s;if(o.outcome!=="error"||o.errorPhase==="playback")return o}return null}function pe(t){return {name:"vast",setup(e){let n=false,r=null,i=e._setState;async function s(){if(!n)try{let u=function(){n||(i("playing"),xe(e,g,m));};var c=u;let l=t.timeout!==void 0?{timeout:t.timeout}:void 0,p=await O(t.tagUrl,l);if(n)return;let a=L(p);if(a.ads.length===0){i("playing");return}let d=q(a.ads);if(d.ads.length===0){i("playing");return}let m=e.el.currentTime,g=e.src;switch(e.src="",d.type){case "single":{let{promise:v,abort:A}=F({player:e,ad:d.ads[0].ad,linear:d.ads[0].linear,source:"vast",adPlugins:t.adPlugins,onFinish:u});r=A,await v;break}case "pod":{await Y(e,d.ads,{source:"vast",adPlugins:t.adPlugins,onFinish:u,standalonePool:d.standalonePool});break}case "waterfall":{await B(e,d.ads,{source:"vast",adPlugins:t.adPlugins,onFinish:u})||(y(a.errors,303),e.emit("ad:error",{error:new Error("All waterfall ads failed"),source:"vast",vastErrorCode:303}),u());break}}}catch(l){if(n)return;let p=l instanceof Error?l:new Error(String(l)),a=p.name==="AbortError"?301:100;e.emit("ad:error",{error:p,source:"vast",vastErrorCode:a}),i("playing");}}function o({to:c}){c==="ready"&&!n&&(e.off("statechange",o),s());}return e.state==="ready"||e.state==="playing"||e.state==="paused"?s():e.on("statechange",o),()=>{n=true,e.off("statechange",o),r&&r();}}}}function xe(t,e,n){function r({to:i}){i==="ready"&&(t.off("statechange",r),n>0&&(t.el.currentTime=n),t.play().catch(()=>{t.el.muted=true,t.play().catch(()=>{});}));}t.on("statechange",r),t.src=e;}var lt=globalThis.Vide??(globalThis.Vide={});Object.assign(lt,{vast:pe,parseVast:L,fetchVast:O,resolveVast:H,track:E,trackError:y,trackCompanionView:X,getQuartile:Q,classifyAds:q,selectMediaFile:D,VAST_XML_PARSE_ERROR:100,VAST_SCHEMA_ERROR:101,VAST_VERSION_UNSUPPORTED:102,VAST_TRAFFICKING_ERROR:200,VAST_LINEARITY_ERROR:201,VAST_DURATION_ERROR:202,VAST_SIZE_ERROR:203,VAST_CATEGORY_REQUIRED:204,VAST_CATEGORY_BLOCKED:205,VAST_BREAK_SHORTENED:206,VAST_WRAPPER_ERROR:300,VAST_WRAPPER_TIMEOUT:301,VAST_WRAPPER_LIMIT:302,VAST_NO_ADS:303,VAST_INLINE_TIMEOUT:304,VAST_LINEAR_ERROR:400,VAST_MEDIA_NOT_FOUND:401,VAST_MEDIA_TIMEOUT:402,VAST_MEDIA_UNSUPPORTED:403,VAST_MEDIA_DISPLAY_ERROR:405,VAST_MEZZANINE_REQUIRED:406,VAST_MEZZANINE_DOWNLOADING:407,VAST_CONDITIONAL_REJECTED:408,VAST_INTERACTIVE_NOT_EXECUTED:409,VAST_VERIFICATION_NOT_EXECUTED:410,VAST_MEZZANINE_INVALID:411,VAST_NONLINEAR_ERROR:500,VAST_NONLINEAR_SIZE_ERROR:501,VAST_NONLINEAR_FETCH_ERROR:502,VAST_NONLINEAR_UNSUPPORTED:503,VAST_COMPANION_ERROR:600,VAST_COMPANION_SIZE_ERROR:601,VAST_COMPANION_REQUIRED_ERROR:602,VAST_COMPANION_FETCH_ERROR:603,VAST_COMPANION_UNSUPPORTED:604,VAST_UNDEFINED_ERROR:900,VAST_VPAID_ERROR:901,VAST_INTERACTIVE_ERROR:902});})();
|
package/dist/vide.vmap.global.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(){'use strict';function I(t){let r=new DOMParser().parseFromString(t,"text/xml");if(r.querySelector("parsererror"))return {version:"",ads:[],errors:["VAST XML parse error"]};let i=r.documentElement;if(i.tagName!=="VAST")return {version:"",ads:[],errors:["Document is not a VAST response"]};let s=i.getAttribute("version")??"",a=q(i,"Error"),u=A(i,"Ad"),c=[];for(let o of u){let d=Z(o);d&&c.push(d);}return {version:s,ads:c,errors:a}}function Z(t){let e=z(t,"InLine");if(!e)return null;let r=t.getAttribute("id")??"",n=t.getAttribute("sequence"),i=y(n,void 0),s=N(e,"AdSystem"),a=N(e,"AdTitle"),u=w(e,"Impression"),c=q(e,"Error"),o=e.querySelector("Creatives"),d=[];if(o){let l=A(o,"Creative");for(let E of l)d.push(re(E));}let f=ee(e),p=te(e);return {id:r,sequence:i,adSystem:s,adTitle:a,impressions:u,creatives:d,errors:c,verifications:f,categories:p}}function ee(t){let e=t.querySelector("AdVerifications");if(!e)return;let r=[],n=A(e,"Verification");for(let i of n){let s=i.getAttribute("vendor")??"",a="",u,c=i.querySelector("JavaScriptResource");if(c)a=(c.textContent??"").trim(),u=c.getAttribute("apiFramework")??void 0;else {let f=i.querySelector("ExecutableResource");f&&(a=(f.textContent??"").trim(),u=f.getAttribute("apiFramework")??void 0);}let o=i.querySelector("VerificationParameters"),d=o&&(o.textContent??"").trim()||void 0;r.push({vendor:s,resourceUrl:a,apiFramework:u,parameters:d});}return r.length>0?r:void 0}function te(t){let e=A(t,"Category");if(e.length===0)return;let r=[];for(let n of e){let i=n.getAttribute("authority")??"",s=(n.textContent??"").trim();s&&r.push({authority:i,value:s});}return r.length>0?r:void 0}function re(t){let e=t.getAttribute("id")??void 0,r=t.getAttribute("sequence"),n=y(r,void 0),i=t.querySelector("Linear"),s=i?ne(i):null;return {id:e,sequence:n,linear:s}}function ne(t){let e=N(t,"Duration"),r=_(e),n=t.getAttribute("skipoffset"),i=n!==null?X(n,r):void 0,s=ie(t),a=se(t),u=W(t),c=t.querySelector("VideoClicks"),o=c&&N(c,"ClickThrough")||void 0,d=c?w(c,"ClickTracking"):[];return {duration:r,skipOffset:i,mediaFiles:s,interactiveCreativeFiles:a,trackingEvents:u,clickThrough:o,clickTracking:d}}function ie(t){let e=t.querySelector("MediaFiles");if(!e)return [];let r=[],n=A(e,"MediaFile");for(let i of n){let s=(i.textContent??"").trim();if(!s)continue;let a=i.getAttribute("delivery");r.push({url:s,mimeType:i.getAttribute("type")??"",width:y(i.getAttribute("width"),0),height:y(i.getAttribute("height"),0),bitrate:y(i.getAttribute("bitrate"),void 0),delivery:a==="streaming"?"streaming":"progressive"});}return r}function se(t){let e=t.querySelector("MediaFiles");if(!e)return [];let r=[],n=A(e,"InteractiveCreativeFile");for(let i of n){let s=(i.textContent??"").trim();if(!s)continue;let a=i.getAttribute("apiFramework")??"",u=i.getAttribute("variableDuration"),c=u==="true"?true:u==="false"?false:void 0;r.push({url:s,apiFramework:a,variableDuration:c});}return r}var oe=new Set(["start","firstQuartile","midpoint","thirdQuartile","complete","pause","resume","skip","loaded","mute","unmute","rewind","playerExpand","playerCollapse","closeLinear","notUsed","otherAdInteraction","creativeView"]);function W(t){let e=L(),r=t.querySelector("TrackingEvents");if(!r)return e;let n=r.querySelectorAll("Tracking");for(let i of n){let s=i.getAttribute("event"),a=(i.textContent??"").trim();if(!(!s||!a))if(s==="progress"){let u=i.getAttribute("offset"),c=u?X(u,0):0;e.progress.push({offset:c,url:a});}else oe.has(s)&&e[s].push(a);}return e}function _(t){if(!t)return 0;let e=t.split(":");if(e.length!==3)return 0;let r=Number.parseInt(e[0],10),n=Number.parseInt(e[1],10),i=Number.parseFloat(e[2]);return Number.isNaN(r)||Number.isNaN(n)||Number.isNaN(i)?0:r*3600+n*60+i}function X(t,e){if(t.endsWith("%")){let r=Number.parseFloat(t);return Number.isNaN(r)?0:r/100*e}return _(t)}function A(t,e){let r=[];for(let n=0;n<t.children.length;n++)t.children[n].tagName===e&&r.push(t.children[n]);return r}function z(t,e){for(let r=0;r<t.children.length;r++)if(t.children[r].tagName===e)return t.children[r];return null}function q(t,e){let r=[];for(let n of A(t,e)){let i=(n.textContent??"").trim();i&&r.push(i);}return r}function N(t,e){let r=t.querySelector(e);return r?(r.textContent??"").trim():""}function w(t,e){let r=t.querySelectorAll(e),n=[];for(let i of r){let s=(i.textContent??"").trim();s&&n.push(s);}return n}async function ae(t,e){let r=e?.timeout??5e3,n=new AbortController,i=setTimeout(()=>n.abort(),r);try{let s=await fetch(t,{signal:n.signal});if(!s.ok)throw new Error(`VAST fetch failed: ${s.status}`);return await s.text()}finally{clearTimeout(i);}}async function K(t,e){let r=e?.timeout??1e4,n=e?.maxDepth??5,i=Date.now()+r,s=new Set,a=[],u=t;for(let c=0;c<=n;c++){let o=i-Date.now();if(o<=0)return {version:"",ads:[],errors:["VAST resolve timeout"]};if(s.has(u))return {version:"",ads:[],errors:["VAST circular reference detected"]};s.add(u);let d;try{d=await ae(u,{timeout:o});}catch(l){return {version:"",ads:[],errors:[l instanceof Error?l.message:String(l)]}}let f=I(d);if(f.ads.length>0)return {version:f.version,ads:f.ads.map(l=>le(l,a)),errors:f.errors};let p=ce(d);if(!p)return f;a.push(p),u=p.adTagUri;}return {version:"",ads:[],errors:["VAST wrapper depth limit exceeded"]}}function ce(t){let n=new DOMParser().parseFromString(t,"text/xml").documentElement;if(n.tagName!=="VAST")return null;for(let i of A(n,"Ad")){let s=z(i,"Wrapper");if(!s)continue;let a=N(s,"VASTAdTagURI").trim();if(!a)continue;let u=q(s,"Error"),c=w(s,"Impression"),o=L(),d=[],f=s.querySelector("Creatives");if(f)for(let p of A(f,"Creative")){let l=p.querySelector("Linear");if(l){o=W(l);let E=l.querySelector("VideoClicks");E&&(d=w(E,"ClickTracking"));break}}return {adTagUri:a,errors:u,impressions:c,trackingEvents:o,clickTracking:d}}return null}function L(){return {start:[],firstQuartile:[],midpoint:[],thirdQuartile:[],complete:[],pause:[],resume:[],skip:[],loaded:[],mute:[],unmute:[],rewind:[],playerExpand:[],playerCollapse:[],closeLinear:[],notUsed:[],otherAdInteraction:[],creativeView:[],progress:[]}}function ue(t,e){let r=L();for(let n of Object.keys(r)){if(n==="progress")continue;let i=r[n];for(let s of t)i.push(...s[n]);i.push(...e[n]);}for(let n of t)r.progress.push(...n.progress);return r.progress.push(...e.progress),r}function le(t,e){if(e.length===0)return t;let r=[...e.flatMap(s=>s.errors),...t.errors],n=[...e.flatMap(s=>s.impressions),...t.impressions],i=t.creatives.map(s=>s.linear?{...s,linear:{...s.linear,trackingEvents:ue(e.map(a=>a.trackingEvents),s.linear.trackingEvents),clickTracking:[...e.flatMap(a=>a.clickTracking),...s.linear.clickTracking]}}:s);return {...t,errors:r,impressions:n,creatives:i}}function y(t,e){if(t==null)return e;let r=Number.parseInt(t,10);return Number.isNaN(r)?e:r}function k(t){for(let e of t)typeof navigator<"u"&&typeof navigator.sendBeacon=="function"?navigator.sendBeacon(e):new Image().src=e;}function de(t,e){if(e<=0)return null;let r=t/e;return r>=1?"complete":r>=.75?"thirdQuartile":r>=.5?"midpoint":r>=.25?"firstQuartile":t>=0?"start":null}function $(t,e){let r=new Set,n=["start","firstQuartile","midpoint","thirdQuartile","complete"];return i=>{let s=de(i,t);if(!s||r.has(s))return;let a=n.indexOf(s);for(let u=0;u<=a;u++){let c=n[u];r.has(c)||(r.add(c),e(c));}}}function x(t){let r=new DOMParser().parseFromString(t,"text/xml");if(r.querySelector("parsererror"))return {version:"",adBreaks:[]};let i=r.documentElement;if((i.localName||i.tagName)!=="VMAP")return {version:"",adBreaks:[]};let a=i.getAttribute("version")??"",u=[];for(let c=0;c<i.children.length;c++){let o=i.children[c];if((o.localName||o.tagName)==="AdBreak"){let f=fe(o);f&&u.push(f);}}return {version:a,adBreaks:u}}function fe(t){let e=t.getAttribute("timeOffset");if(!e)return null;let r=ge(e),n=t.getAttribute("breakType"),i=n==="nonlinear"?"nonlinear":n==="display"?"display":"linear",s=t.getAttribute("breakId")??void 0,a=null,u={breakStart:[],breakEnd:[],error:[]};for(let c=0;c<t.children.length;c++){let o=t.children[c],d=o.localName||o.tagName;d==="AdSource"?a=pe(o):d==="TrackingEvents"&&me(o,u);}return {timeOffset:r,breakType:i,breakId:s,adSource:a,trackingEvents:u}}function me(t,e){for(let r=0;r<t.children.length;r++){let n=t.children[r];if((n.localName||n.tagName)!=="Tracking")continue;let s=n.getAttribute("event"),a=(n.textContent??"").trim();!s||!a||(s==="breakStart"?e.breakStart.push(a):s==="breakEnd"?e.breakEnd.push(a):s==="error"&&e.error.push(a));}}function pe(t){let e=t.getAttribute("id")??void 0,r=t.getAttribute("allowMultipleAds"),n=r!=null?r==="true":void 0,i=t.getAttribute("followRedirects"),s=i!=null?i==="true":void 0,a,u;for(let c=0;c<t.children.length;c++){let o=t.children[c],d=o.localName||o.tagName;if(d==="VASTAdData"){let f=o.querySelector("VAST");f&&(a=new XMLSerializer().serializeToString(f));}else d==="AdTagURI"&&(u=(o.textContent??"").trim());}return {id:e,allowMultipleAds:n,followRedirects:s,vastUrl:u,vastData:a}}function ge(t){if(t==="start")return {type:"start"};if(t==="end")return {type:"end"};if(t.endsWith("%")){let e=Number.parseFloat(t);return Number.isNaN(e)?{type:"time",seconds:0}:{type:"percentage",pct:e}}return {type:"time",seconds:ve(t)}}function ve(t){if(!t)return 0;let e=t.split(":");if(e.length!==3)return 0;let r=Number.parseInt(e[0],10),n=Number.parseInt(e[1],10),i=Number.parseFloat(e[2]);return Number.isNaN(r)||Number.isNaN(n)||Number.isNaN(i)?0:r*3600+n*60+i}function C(t,e,r){let n=new Set,i=0,s=false,a=false,u=e.filter(m=>m.timeOffset.type==="start"),c=e.filter(m=>m.timeOffset.type==="end"),o=e.filter(m=>m.timeOffset.type==="time"||m.timeOffset.type==="percentage").sort((m,T)=>G(m)-G(T));function d(){if(a)return;let m=t.currentTime,T=m>i+1.5;for(let b of o){if(n.has(b))continue;let V=Ee(b,t.duration);if(V!==null){if(T&&m>V+.5){n.add(b);continue}m>=V-.5&&(n.add(b),r(b));}}i=m;}function f(){if(!a)for(let m of c)n.has(m)||(n.add(m),r(m));}function p(){if(!s){s=true;for(let m of u)n.has(m)||(n.add(m),r(m));t.on("timeupdate",d),t.on("ended",f);}}function l(){a=true;}function E(){a=false,i=t.currentTime;}function g(){t.off("timeupdate",d),t.off("ended",f);}return {start:p,pause:l,resume:E,destroy:g}}function Ee(t,e){return t.timeOffset.type==="time"?t.timeOffset.seconds:t.timeOffset.type==="percentage"?t.timeOffset.pct/100*e:null}function G(t){return t.timeOffset.type==="time"?t.timeOffset.seconds:t.timeOffset.type==="percentage"?t.timeOffset.pct:0}function H(t){return {name:"vmap",setup(e){let r=false,n=null,i=null,s=e._setState;async function a(o){if(!(r||!o.adSource)){n&&n.pause(),k(o.trackingEvents.breakStart),e.emit("ad:breakStart",{breakId:o.breakId});try{let T=function(){for(let h of m)h();m.length=0;},B=function(h){if(l)for(let v of l.trackingEvents.progress)!R.has(v.offset)&&h>=v.offset&&(R.add(v.offset),k([v.url]));};var d=T,f=B;let p;if(o.adSource.vastData)p=I(o.adSource.vastData);else if(o.adSource.vastUrl)p=await K(o.adSource.vastUrl,t.vastOptions);else return;if(r||p.ads.length===0)return;let l=null,E=null;for(let h of p.ads){for(let v of h.creatives)if(v.linear&&v.linear.mediaFiles.length>0){l=v.linear,E=h;break}if(l)break}if(!l||!E)return;let g=E.id;s("ad:loading"),e.emit("ad:start",{adId:g});let m=[];if(t.adPlugins)for(let h of t.adPlugins(E)){let v=h.setup(e,E);v&&m.push(v);}for(let h of p.ads)k(h.impressions);e.emit("ad:impression",{adId:g});let b=he(l.mediaFiles);if(!b){e.emit("ad:error",{error:new Error("No suitable media file found"),source:"vmap"}),T(),s("playing");return}let V=e.el.currentTime,J=e.el.paused,Y=e.el.src,M=$(l.duration,h=>{if(!l)return;let v=l.trackingEvents[h];v&&k(v),e.emit("ad:quartile",{adId:g,quartile:h});}),R=new Set,F=e.el.muted||e.el.volume===0,O=!!document.fullscreenElement;await new Promise(h=>{function v(){M(e.el.currentTime),B(e.el.currentTime);}function Q(){if(!l)return;let S=e.el.muted||e.el.volume===0;S&&!F?(k(l.trackingEvents.mute),e.emit("ad:mute",{adId:g})):!S&&F&&(k(l.trackingEvents.unmute),e.emit("ad:unmute",{adId:g})),F=S,e.emit("ad:volumeChange",{adId:g,volume:e.el.muted?0:e.el.volume});}function D(){if(!l)return;let S=!!document.fullscreenElement;S&&!O?(k(l.trackingEvents.playerExpand),e.emit("ad:fullscreen",{adId:g,fullscreen:!0})):!S&&O&&(k(l.trackingEvents.playerCollapse),e.emit("ad:fullscreen",{adId:g,fullscreen:!1})),O=S;}function U(){l&&M(l.duration),j(),T(),e.emit("ad:end",{adId:g}),e.el.src=Y,e.el.load(),e.el.currentTime=V,J||e.el.play().catch(()=>{e.el.muted=!0,e.el.play().catch(()=>{});}),h();}function j(){e.el.removeEventListener("timeupdate",v),e.el.removeEventListener("ended",U),e.el.removeEventListener("canplay",P),e.el.removeEventListener("volumechange",Q),document.removeEventListener("fullscreenchange",D),i=null;}function P(){e.el.removeEventListener("canplay",P),l&&(k(l.trackingEvents.loaded),k(l.trackingEvents.creativeView),e.emit("ad:loaded",{adId:g}),s("ad:playing"),e.el.play().catch(()=>{e.el.muted=!0,e.el.play().catch(()=>{});}));}e.el.addEventListener("canplay",P),e.el.addEventListener("timeupdate",v),e.el.addEventListener("ended",U),e.el.addEventListener("volumechange",Q),document.addEventListener("fullscreenchange",D),i=j,e.el.src=b.url,e.el.load();});}catch(p){r||(k(o.trackingEvents.error),e.emit("ad:error",{error:p instanceof Error?p:new Error(String(p)),source:"vmap"}));}finally{k(o.trackingEvents.breakEnd),e.emit("ad:breakEnd",{breakId:o.breakId}),n&&n.resume();}}}async function u(){if(!r)try{let o=t.timeout??1e4,d=new AbortController,f=setTimeout(()=>d.abort(),o),p;try{let g=await fetch(t.url,{signal:d.signal});if(!g.ok)throw new Error(`VMAP fetch failed: ${g.status}`);p=await g.text();}finally{clearTimeout(f);}if(r)return;let l=x(p);if(l.adBreaks.length===0)return;let E=C(e,l.adBreaks,g=>a(g));n=E,E.start();}catch(o){if(r)return;e.emit("ad:error",{error:o instanceof Error?o:new Error(String(o)),source:"vmap"});}}function c({to:o}){o==="ready"&&!r&&(e.off("statechange",c),u());}return e.state==="ready"||e.state==="playing"||e.state==="paused"?u():e.on("statechange",c),()=>{r=true,e.off("statechange",c),n&&n.destroy(),i&&i();}}}}function he(t){if(t.length===0)return null;let e=t.filter(n=>n.mimeType==="video/mp4");return (e.length>0?e:t).sort((n,i)=>(i.bitrate??0)-(n.bitrate??0))[0]}var ke=globalThis.Vide??(globalThis.Vide={});Object.assign(ke,{vmap:H,parseVmap:x,createScheduler:C});})();
|
|
1
|
+
(function(){'use strict';function U(t){let n=new DOMParser().parseFromString(t,"text/xml");if(n.querySelector("parsererror"))return {version:"",ads:[],errors:["VAST XML parse error"]};let i=n.documentElement;if(i.tagName!=="VAST")return {version:"",ads:[],errors:["Document is not a VAST response"]};let s=i.getAttribute("version")??"",o=F(i,"Error"),d=b(i,"Ad"),l=[];for(let a of d){let c=de(a);c&&l.push(c);}return {version:s,ads:l,errors:o}}function de(t){let e=P(t,"InLine");if(!e)return null;let n=t.getAttribute("id")??"",r=t.getAttribute("sequence"),i=E(r,void 0),s=S(e,"AdSystem"),o=S(e,"AdTitle"),d=x(e,"Impression"),l=F(e,"Error"),a=e.querySelector("Creatives"),c=[];if(a){let A=b(a,"Creative");for(let f of A)c.push(le(f));}let u=z(e),m=ue(e),p=K(e),g=$(e);return {id:n,sequence:i,adSystem:s,adTitle:o,impressions:d,creatives:c,errors:l,verifications:u,categories:m,extensions:p,viewableImpression:g}}function z(t){let e=t.querySelector("AdVerifications");if(!e)return;let n=[],r=b(e,"Verification");for(let i of r){let s=i.getAttribute("vendor")??"",o="",d,l=i.querySelector("JavaScriptResource");if(l)o=(l.textContent??"").trim(),d=l.getAttribute("apiFramework")??void 0;else {let u=i.querySelector("ExecutableResource");u&&(o=(u.textContent??"").trim(),d=u.getAttribute("apiFramework")??void 0);}let a=i.querySelector("VerificationParameters"),c=a&&(a.textContent??"").trim()||void 0;n.push({vendor:s,resourceUrl:o,apiFramework:d,parameters:c});}return n.length>0?n:void 0}function ue(t){let e=b(t,"Category");if(e.length===0)return;let n=[];for(let r of e){let i=r.getAttribute("authority")??"",s=(r.textContent??"").trim();s&&n.push({authority:i,value:s});}return n.length>0?n:void 0}function K(t){let e=P(t,"Extensions");if(!e)return;let n=[],r=new XMLSerializer;for(let i of b(e,"Extension")){let s=i.getAttribute("type")??"",o="";for(let d=0;d<i.childNodes.length;d++)o+=r.serializeToString(i.childNodes[d]);o=o.trim(),o&&n.push({type:s,content:o});}return n.length>0?n:void 0}function $(t){let e=P(t,"ViewableImpression");if(!e)return;let n=F(e,"Viewable"),r=F(e,"NotViewable"),i=F(e,"ViewUndetermined");if(!(n.length===0&&r.length===0&&i.length===0))return {viewable:n,notViewable:r,viewUndetermined:i}}function le(t){let e=t.getAttribute("id")??void 0,n=t.getAttribute("sequence"),r=E(n,void 0),i=t.querySelector("Linear"),s=i?fe(i):null,o=J(t),d=Ae(t);return {id:e,sequence:r,linear:s,companionAds:o,nonLinearAds:d}}function fe(t){let e=S(t,"Duration"),n=B(e),r=t.getAttribute("skipoffset"),i=r!==null?ee(r,n):void 0,s=me(t),o=pe(t),d=Z(t),l=t.querySelector("VideoClicks"),a=l&&S(l,"ClickThrough")||void 0,c=l?x(l,"ClickTracking"):[];return {duration:n,skipOffset:i,mediaFiles:s,interactiveCreativeFiles:o,trackingEvents:d,clickThrough:a,clickTracking:c}}function me(t){let e=t.querySelector("MediaFiles");if(!e)return [];let n=[],r=b(e,"MediaFile");for(let i of r){let s=(i.textContent??"").trim();if(!s)continue;let o=i.getAttribute("delivery");n.push({url:s,mimeType:i.getAttribute("type")??"",width:E(i.getAttribute("width"),0),height:E(i.getAttribute("height"),0),bitrate:E(i.getAttribute("bitrate"),void 0),delivery:o==="streaming"?"streaming":"progressive"});}return n}function pe(t){let e=t.querySelector("MediaFiles");if(!e)return [];let n=[],r=b(e,"InteractiveCreativeFile");for(let i of r){let s=(i.textContent??"").trim();if(!s)continue;let o=i.getAttribute("apiFramework")??"",d=i.getAttribute("variableDuration"),l=d==="true"?true:d==="false"?false:void 0;n.push({url:s,apiFramework:o,variableDuration:l});}return n}function G(t){let e=[];for(let n of b(t,"StaticResource")){let r=(n.textContent??"").trim(),i=n.getAttribute("creativeType")??"";r&&e.push({type:"static",url:r,creativeType:i});}for(let n of b(t,"IFrameResource")){let r=(n.textContent??"").trim();r&&e.push({type:"iframe",url:r});}for(let n of b(t,"HTMLResource")){let r=(n.textContent??"").trim();r&&e.push({type:"html",content:r});}return e}function J(t){let e=P(t,"CompanionAds");if(!e)return;let n=e.getAttribute("required"),r=n==="all"||n==="any"?n:"none",i=[];for(let s of b(e,"Companion")){let o=ge(s);o&&i.push(o);}return i.length>0?{required:r,companions:i}:void 0}function ge(t){let e=E(t.getAttribute("width"),0),n=E(t.getAttribute("height"),0);if(e===0||n===0)return null;let r=t.getAttribute("id")??void 0,i=E(t.getAttribute("assetWidth"),void 0),s=E(t.getAttribute("assetHeight"),void 0),o=E(t.getAttribute("expandedWidth"),void 0),d=E(t.getAttribute("expandedHeight"),void 0),l=t.getAttribute("apiFramework")??void 0,a=t.getAttribute("adSlotId")??void 0,c=Se(t.getAttribute("pxratio"),void 0),u=t.getAttribute("renderingMode"),m=u==="end-card"||u==="concurrent"?u:u==="default"?"default":void 0,p=G(t),g=S(t,"CompanionClickThrough")||void 0,A=x(t,"CompanionClickTracking"),f=ve(t),y=S(t,"AltText")||void 0,h=S(t,"AdParameters")||void 0;return {width:e,height:n,id:r,assetWidth:i,assetHeight:s,expandedWidth:o,expandedHeight:d,apiFramework:l,adSlotId:a,pxratio:c,renderingMode:m,resources:p,clickThrough:g,clickTracking:A,trackingEvents:f,altText:y,adParameters:h}}function ve(t){let e={creativeView:[]},n=t.querySelector("TrackingEvents");if(!n)return e;for(let r of n.querySelectorAll("Tracking")){let i=r.getAttribute("event"),s=(r.textContent??"").trim();i==="creativeView"&&s&&e.creativeView.push(s);}return e}function Ae(t){let e=P(t,"NonLinearAds");if(!e)return;let n=Y(e),r=[];for(let i of b(e,"NonLinear")){let s=ke(i);s&&r.push(s);}return r.length>0?{trackingEvents:n,nonLinears:r}:void 0}function ke(t){let e=E(t.getAttribute("width"),0),n=E(t.getAttribute("height"),0);if(e===0||n===0)return null;let r=t.getAttribute("id")??void 0,i=E(t.getAttribute("expandedWidth"),void 0),s=E(t.getAttribute("expandedHeight"),void 0),o=t.getAttribute("scalable"),d=o==="true"?true:o==="false"?false:void 0,l=t.getAttribute("maintainAspectRatio"),a=l==="true"?true:l==="false"?false:void 0,c=t.getAttribute("minSuggestedDuration"),u=c&&B(c)||void 0,m=t.getAttribute("apiFramework")??void 0,p=G(t),g=S(t,"NonLinearClickThrough")||void 0,A=x(t,"NonLinearClickTracking"),f=S(t,"AdParameters")||void 0;return {width:e,height:n,id:r,expandedWidth:i,expandedHeight:s,scalable:d,maintainAspectRatio:a,minSuggestedDuration:u,apiFramework:m,resources:p,clickThrough:g,clickTracking:A,adParameters:f}}function Y(t){let e={},n=P(t,"TrackingEvents");if(!n)return e;for(let r of b(n,"Tracking")){let i=r.getAttribute("event"),s=(r.textContent??"").trim();!i||!s||(e[i]||(e[i]=[]),e[i].push(s));}return e}var he=new Set(["start","firstQuartile","midpoint","thirdQuartile","complete","pause","resume","skip","loaded","mute","unmute","rewind","playerExpand","playerCollapse","closeLinear","notUsed","otherAdInteraction","creativeView"]);function Z(t){let e=j(),n=t.querySelector("TrackingEvents");if(!n)return e;let r=n.querySelectorAll("Tracking");for(let i of r){let s=i.getAttribute("event"),o=(i.textContent??"").trim();if(!(!s||!o))if(s==="progress"){let d=i.getAttribute("offset"),l=d?ee(d,0):0;e.progress.push({offset:l,url:o});}else he.has(s)&&e[s].push(o);}return e}function B(t){if(!t)return 0;let e=t.split(":");if(e.length!==3)return 0;let n=Number.parseInt(e[0],10),r=Number.parseInt(e[1],10),i=Number.parseFloat(e[2]);return Number.isNaN(n)||Number.isNaN(r)||Number.isNaN(i)?0:n*3600+r*60+i}function ee(t,e){if(t.endsWith("%")){let n=Number.parseFloat(t);return Number.isNaN(n)?0:n/100*e}return B(t)}function b(t,e){let n=[];for(let r=0;r<t.children.length;r++)t.children[r].tagName===e&&n.push(t.children[r]);return n}function P(t,e){for(let n=0;n<t.children.length;n++)if(t.children[n].tagName===e)return t.children[n];return null}function F(t,e){let n=[];for(let r of b(t,e)){let i=(r.textContent??"").trim();i&&n.push(i);}return n}function S(t,e){let n=t.querySelector(e);return n?(n.textContent??"").trim():""}function x(t,e){let n=t.querySelectorAll(e),r=[];for(let i of n){let s=(i.textContent??"").trim();s&&r.push(s);}return r}async function be(t,e){let n=e?.timeout??5e3,r=new AbortController,i=setTimeout(()=>r.abort(),n);try{let s=await fetch(t,{signal:r.signal});if(!s.ok)throw new Error(`VAST fetch failed: ${s.status}`);return await s.text()}finally{clearTimeout(i);}}async function te(t,e){let n=e?.timeout??1e4,r=e?.maxDepth??5,i=Date.now()+n,s=new Set,o=[],d=t;for(let l=0;l<=r;l++){let a=i-Date.now();if(a<=0)return {version:"",ads:[],errors:["VAST resolve timeout"]};if(s.has(d))return {version:"",ads:[],errors:["VAST circular reference detected"]};s.add(d);let c;try{c=await be(d,{timeout:a});}catch(p){return {version:"",ads:[],errors:[p instanceof Error?p.message:String(p)]}}let u=U(c);if(u.ads.length>0)return {version:u.version,ads:u.ads.map(p=>Ve(p,o)),errors:u.errors};let m=Ee(c);if(!m)return u;o.push(m),d=m.adTagUri;}return {version:"",ads:[],errors:["VAST wrapper depth limit exceeded"]}}function Ee(t){let r=new DOMParser().parseFromString(t,"text/xml").documentElement;if(r.tagName!=="VAST")return null;for(let i of b(r,"Ad")){let s=P(i,"Wrapper");if(!s)continue;let o=S(s,"VASTAdTagURI").trim();if(!o)continue;let d=F(s,"Error"),l=x(s,"Impression"),a=j(),c=[],u,m=[],p=[],g={},A=[],f=s.querySelector("Creatives");if(f)for(let C of b(f,"Creative")){let N=C.querySelector("Linear");if(N){a=Z(N);let V=N.querySelector("VideoClicks");V&&(c=x(V,"ClickTracking"));}let L=J(C);if(L){u=L;for(let V of L.companions)m.push(...V.clickTracking),p.push(...V.trackingEvents.creativeView);}let R=P(C,"NonLinearAds");if(R){g=Y(R);for(let V of b(R,"NonLinear"))A.push(...x(V,"NonLinearClickTracking"));}}let y=z(s),h=K(s),w=$(s);return {adTagUri:o,errors:d,impressions:l,trackingEvents:a,clickTracking:c,companionAds:u,companionClickTracking:m,companionCreativeViewTracking:p,nonLinearTrackingEvents:g,nonLinearClickTracking:A,verifications:y,extensions:h,viewableImpression:w}}return null}function j(){return {start:[],firstQuartile:[],midpoint:[],thirdQuartile:[],complete:[],pause:[],resume:[],skip:[],loaded:[],mute:[],unmute:[],rewind:[],playerExpand:[],playerCollapse:[],closeLinear:[],notUsed:[],otherAdInteraction:[],creativeView:[],progress:[]}}function ye(t,e){let n=j();for(let r of Object.keys(n)){if(r==="progress")continue;let i=n[r];for(let s of t)i.push(...s[r]);i.push(...e[r]);}for(let r of t)n.progress.push(...r.progress);return n.progress.push(...e.progress),n}function Te(t,e){let n=[...t,e].filter(r=>r!==void 0);if(n.length!==0)return {viewable:n.flatMap(r=>r.viewable),notViewable:n.flatMap(r=>r.notViewable),viewUndetermined:n.flatMap(r=>r.viewUndetermined)}}function Ve(t,e){if(e.length===0)return t;let n=[...e.flatMap(c=>c.errors),...t.errors],r=[...e.flatMap(c=>c.impressions),...t.impressions],i=e.flatMap(c=>c.verifications??[]),s=i.length>0||t.verifications&&t.verifications.length>0?[...i,...t.verifications??[]]:t.verifications,o=e.flatMap(c=>c.extensions??[]),d=o.length>0||t.extensions&&t.extensions.length>0?[...o,...t.extensions??[]]:t.extensions,l=Te(e.map(c=>c.viewableImpression),t.viewableImpression),a=t.creatives.map(c=>{let u=c;if(c.linear&&(u={...u,linear:{...c.linear,trackingEvents:ye(e.map(m=>m.trackingEvents),c.linear.trackingEvents),clickTracking:[...e.flatMap(m=>m.clickTracking),...c.linear.clickTracking]}}),c.companionAds){let m=e.flatMap(g=>g.companionClickTracking),p=e.flatMap(g=>g.companionCreativeViewTracking);(m.length>0||p.length>0)&&(u={...u,companionAds:{...c.companionAds,companions:c.companionAds.companions.map(g=>({...g,clickTracking:[...m,...g.clickTracking],trackingEvents:{creativeView:[...p,...g.trackingEvents.creativeView]}}))}});}else for(let m=e.length-1;m>=0;m--)if(e[m].companionAds){u={...u,companionAds:e[m].companionAds};break}if(c.nonLinearAds){let m=e.flatMap(g=>g.nonLinearClickTracking),p={};for(let g of e)for(let[A,f]of Object.entries(g.nonLinearTrackingEvents))p[A]||(p[A]=[]),p[A].push(...f);for(let[g,A]of Object.entries(c.nonLinearAds.trackingEvents))p[g]||(p[g]=[]),p[g].push(...A);u={...u,nonLinearAds:{trackingEvents:p,nonLinears:c.nonLinearAds.nonLinears.map(g=>({...g,clickTracking:[...m,...g.clickTracking]}))}};}return u});return {...t,errors:n,impressions:r,creatives:a,verifications:s,extensions:d,viewableImpression:l}}function E(t,e){if(t==null)return e;let n=Number.parseInt(t,10);return Number.isNaN(n)?e:n}function Se(t,e){if(t==null)return e;let n=Number.parseFloat(t);return Number.isNaN(n)?e:n}function ne(t){if(t.length===0)return null;let e=t.filter(r=>r.mimeType==="video/mp4");return (e.length>0?e:t).sort((r,i)=>(i.bitrate??0)-(r.bitrate??0))[0]}function O(t,e){let n=t.map(r=>r.replace("[ERRORCODE]",String(e)));k(n);}function k(t){for(let e of t)typeof navigator<"u"&&typeof navigator.sendBeacon=="function"?navigator.sendBeacon(e):new Image().src=e;}function we(t,e){if(e<=0)return null;let n=t/e;return n>=1?"complete":n>=.75?"thirdQuartile":n>=.5?"midpoint":n>=.25?"firstQuartile":t>=0?"start":null}function re(t,e){let n=new Set,r=["start","firstQuartile","midpoint","thirdQuartile","complete"];return i=>{let s=we(i,t);if(!s||n.has(s))return;let o=r.indexOf(s);for(let d=0;d<=o;d++){let l=r[d];n.has(l)||(n.add(l),e(l));}}}function I(t){let{player:e,ad:n,linear:r,source:i}=t,s=n.id,o=e._setState,d=()=>{},l=new Promise(v=>{d=v;}),a=[];if(t.adPlugins)for(let v of t.adPlugins(n)){let T=v.setup(e,n);T&&a.push(T);}o("ad:loading"),e.emit("ad:start",{adId:s,clickThrough:r.clickThrough,skipOffset:r.skipOffset,duration:r.duration,adTitle:n.adTitle});for(let v of n.creatives)if(v.companionAds&&v.companionAds.companions.length>0){e.emit("ad:companions",{adId:s,required:v.companionAds.required,companions:v.companionAds.companions});break}for(let v of n.creatives)if(v.nonLinearAds&&v.nonLinearAds.nonLinears.length>0){e.emit("ad:nonlinears",{adId:s,nonLinears:v.nonLinearAds.nonLinears,trackingEvents:v.nonLinearAds.trackingEvents});break}k(n.impressions),e.emit("ad:impression",{adId:s});let c=ne(r.mediaFiles);if(!c)return h(),O(n.errors,403),e.emit("ad:error",{error:new Error("No suitable media file found"),source:i,vastErrorCode:403}),e.emit("ad:end",{adId:s}),d({outcome:"error",errorPhase:"load",adId:s}),{promise:l,abort:()=>{}};let u=re(r.duration,v=>{let T=r.trackingEvents[v];T&&k(T),e.emit("ad:quartile",{adId:s,quartile:v});}),m=new Set;function p(v){for(let T of r.trackingEvents.progress)!m.has(T.offset)&&v>=T.offset&&(m.add(T.offset),k([T.url]));}let g=e.el.muted||e.el.volume===0,A=!!document.fullscreenElement,f=false,y=false;function h(){for(let v of a)v();a.length=0;}function w(v){e.emit("ad:end",{adId:s});let T=v==="error"?{outcome:v,errorPhase:y?"playback":"load",adId:s}:{outcome:v,adId:s};t.onFinish&&t.onFinish(T),d(T);}function C(){f||(k(r.clickTracking),e.emit("ad:click",{clickThrough:r.clickThrough,clickTracking:r.clickTracking}));}function N(){f||(k(r.trackingEvents.skip),f=true,D(),h(),w("skipped"));}function L(){f||e.state==="ad:playing"&&(k(r.trackingEvents.pause),o("ad:paused"));}function R(){f||e.state==="ad:paused"&&(k(r.trackingEvents.resume),o("ad:playing"));}function V(){u(e.el.currentTime),p(e.el.currentTime);}function Q(){if(f)return;let v=e.el.muted||e.el.volume===0;v&&!g?(k(r.trackingEvents.mute),e.emit("ad:mute",{adId:s})):!v&&g&&(k(r.trackingEvents.unmute),e.emit("ad:unmute",{adId:s})),g=v,e.emit("ad:volumeChange",{adId:s,volume:e.el.muted?0:e.el.volume});}function W(){if(f)return;let v=!!document.fullscreenElement;v&&!A?(k(r.trackingEvents.playerExpand),e.emit("ad:fullscreen",{adId:s,fullscreen:true})):!v&&A&&(k(r.trackingEvents.playerCollapse),e.emit("ad:fullscreen",{adId:s,fullscreen:false})),A=v;}function H(){if(f)return;f=true,D(),h();let v=y?405:401;O(n.errors,v),e.emit("ad:error",{error:new Error("Ad media playback failed"),source:i,vastErrorCode:v}),w("error");}function X(){f||(f=true,u(r.duration),D(),h(),w("completed"));}function _(){e.el.removeEventListener("canplay",_),y=true,k(r.trackingEvents.loaded),k(r.trackingEvents.creativeView),e.emit("ad:loaded",{adId:s}),o("ad:playing"),e.el.play().catch(()=>{e.el.muted=true,e.el.play().catch(()=>{});});}function D(){e.el.removeEventListener("timeupdate",V),e.el.removeEventListener("ended",X),e.el.removeEventListener("error",H),e.el.removeEventListener("canplay",_),e.el.removeEventListener("pause",L),e.el.removeEventListener("play",R),e.el.removeEventListener("click",C),e.el.removeEventListener("volumechange",Q),document.removeEventListener("fullscreenchange",W),e.off("ad:skip",N);}return e.el.addEventListener("canplay",_),e.el.addEventListener("timeupdate",V),e.el.addEventListener("ended",X),e.el.addEventListener("error",H),e.el.addEventListener("pause",L),e.el.addEventListener("play",R),e.el.addEventListener("click",C),e.el.addEventListener("volumechange",Q),document.addEventListener("fullscreenchange",W),e.on("ad:skip",N),e.el.src=c.url,e.el.load(),{promise:l,abort:()=>{f||(f=true,D(),h());}}}function ie(t){let e=[];for(let i of t)for(let s of i.creatives)if(s.linear&&s.linear.mediaFiles.length>0){e.push({ad:i,linear:s.linear});break}if(e.length<=1)return {type:"single",ads:e,standalonePool:[]};let n=e.filter(i=>i.ad.sequence!=null),r=e.filter(i=>i.ad.sequence==null);return n.length>0?(n.sort((i,s)=>(i.ad.sequence??0)-(s.ad.sequence??0)),{type:"pod",ads:n,standalonePool:r}):{type:"waterfall",ads:r,standalonePool:[]}}async function se(t,e,n){let r={completed:0,skipped:0,failed:0},i=e.length,s=n.standalonePool?[...n.standalonePool]:[];t.emit("ad:pod:start",{ads:e.map(o=>o.ad),total:i});for(let o=0;o<e.length;o++){let{ad:d,linear:l}=e[o],a=o===e.length-1;t.emit("ad:pod:adstart",{ad:d,index:o,total:i});let{promise:c}=I({player:t,ad:d,linear:l,source:n.source,adPlugins:n.adPlugins,onFinish:a?n.onFinish:void 0}),u=await c;if(u.outcome==="error"&&s.length>0){let m=s.shift(),{promise:p}=I({player:t,ad:m.ad,linear:m.linear,source:n.source,adPlugins:n.adPlugins,onFinish:a?n.onFinish:void 0});u=await p;}switch(t.emit("ad:pod:adend",{ad:d,index:o,total:i}),u.outcome){case "completed":r.completed++;break;case "skipped":r.skipped++;break;case "error":r.failed++;break}}return t.emit("ad:pod:end",r),r}async function oe(t,e,n){for(let{ad:r,linear:i}of e){let{promise:s}=I({player:t,ad:r,linear:i,source:n.source,adPlugins:n.adPlugins,onFinish:n.onFinish}),o=await s;if(o.outcome!=="error"||o.errorPhase==="playback")return o}return null}function M(t){let n=new DOMParser().parseFromString(t,"text/xml");if(n.querySelector("parsererror"))return {version:"",adBreaks:[]};let i=n.documentElement;if((i.localName||i.tagName)!=="VMAP")return {version:"",adBreaks:[]};let o=i.getAttribute("version")??"",d=[];for(let l=0;l<i.children.length;l++){let a=i.children[l];if((a.localName||a.tagName)==="AdBreak"){let u=xe(a);u&&d.push(u);}}return {version:o,adBreaks:d}}function xe(t){let e=t.getAttribute("timeOffset");if(!e)return null;let n=Le(e),r=t.getAttribute("breakType"),i=r==="nonlinear"?"nonlinear":r==="display"?"display":"linear",s=t.getAttribute("breakId")??void 0,o=null,d={breakStart:[],breakEnd:[],error:[]};for(let l=0;l<t.children.length;l++){let a=t.children[l],c=a.localName||a.tagName;c==="AdSource"?o=Ne(a):c==="TrackingEvents"&&Ce(a,d);}return {timeOffset:n,breakType:i,breakId:s,adSource:o,trackingEvents:d}}function Ce(t,e){for(let n=0;n<t.children.length;n++){let r=t.children[n];if((r.localName||r.tagName)!=="Tracking")continue;let s=r.getAttribute("event"),o=(r.textContent??"").trim();!s||!o||(s==="breakStart"?e.breakStart.push(o):s==="breakEnd"?e.breakEnd.push(o):s==="error"&&e.error.push(o));}}function Ne(t){let e=t.getAttribute("id")??void 0,n=t.getAttribute("allowMultipleAds"),r=n!=null?n==="true":void 0,i=t.getAttribute("followRedirects"),s=i!=null?i==="true":void 0,o,d;for(let l=0;l<t.children.length;l++){let a=t.children[l],c=a.localName||a.tagName;if(c==="VASTAdData"){let u=a.querySelector("VAST");u&&(o=new XMLSerializer().serializeToString(u));}else c==="AdTagURI"&&(d=(a.textContent??"").trim());}return {id:e,allowMultipleAds:r,followRedirects:s,vastUrl:d,vastData:o}}function Le(t){if(t==="start")return {type:"start"};if(t==="end")return {type:"end"};if(t.endsWith("%")){let e=Number.parseFloat(t);return Number.isNaN(e)?{type:"time",seconds:0}:{type:"percentage",pct:e}}return {type:"time",seconds:Re(t)}}function Re(t){if(!t)return 0;let e=t.split(":");if(e.length!==3)return 0;let n=Number.parseInt(e[0],10),r=Number.parseInt(e[1],10),i=Number.parseFloat(e[2]);return Number.isNaN(n)||Number.isNaN(r)||Number.isNaN(i)?0:n*3600+r*60+i}function q(t,e,n){let r=new Set,i=0,s=false,o=false,d=e.filter(f=>f.timeOffset.type==="start"),l=e.filter(f=>f.timeOffset.type==="end"),a=e.filter(f=>f.timeOffset.type==="time"||f.timeOffset.type==="percentage").sort((f,y)=>ae(f)-ae(y));function c(){if(o)return;let f=t.currentTime,y=f>i+1.5;for(let h of a){if(r.has(h))continue;let w=Fe(h,t.duration);if(w!==null){if(y&&f>w+.5){r.add(h);continue}f>=w-.5&&(r.add(h),n(h));}}i=f;}function u(){if(!o)for(let f of l)r.has(f)||(r.add(f),n(f));}function m(){if(!s){s=true;for(let f of d)r.has(f)||(r.add(f),n(f));t.on("timeupdate",c),t.on("ended",u);}}function p(){o=true;}function g(){o=false,i=t.currentTime;}function A(){t.off("timeupdate",c),t.off("ended",u);}return {start:m,pause:p,resume:g,destroy:A}}function Fe(t,e){return t.timeOffset.type==="time"?t.timeOffset.seconds:t.timeOffset.type==="percentage"?t.timeOffset.pct/100*e:null}function ae(t){return t.timeOffset.type==="time"?t.timeOffset.seconds:t.timeOffset.type==="percentage"?t.timeOffset.pct:0}function ce(t){return {name:"vmap",setup(e){let n=false,r=null,i=null,s=e._setState;async function o(a){if(!(n||!a.adSource)){r&&r.pause(),k(a.trackingEvents.breakStart),e.emit("ad:breakStart",{breakId:a.breakId});try{let f=function(){n||(s("playing"),e.el.src=A,e.el.load(),e.el.currentTime=p,g||e.el.play().catch(()=>{e.el.muted=!0,e.el.play().catch(()=>{});}));};var c=f;let u;if(a.adSource.vastData)u=U(a.adSource.vastData);else if(a.adSource.vastUrl)u=await te(a.adSource.vastUrl,t.vastOptions);else return;if(n||u.ads.length===0)return;let m=ie(u.ads);if(m.ads.length===0)return;a.adSource.allowMultipleAds===!1&&(m={type:"single",ads:[m.ads[0]],standalonePool:[]});let p=e.el.currentTime,g=e.el.paused,A=e.el.src;switch(m.type){case "single":{let{promise:y,abort:h}=I({player:e,ad:m.ads[0].ad,linear:m.ads[0].linear,source:"vmap",adPlugins:t.adPlugins,onFinish:f});i=h,await y;break}case "pod":{await se(e,m.ads,{source:"vmap",adPlugins:t.adPlugins,onFinish:f,standalonePool:m.standalonePool});break}case "waterfall":{await oe(e,m.ads,{source:"vmap",adPlugins:t.adPlugins,onFinish:f})||(O(u.errors,303),e.emit("ad:error",{error:new Error("All waterfall ads failed"),source:"vmap",vastErrorCode:303}),f());break}}}catch(u){if(!n){let m=u instanceof Error?u:new Error(String(u)),p=m.name==="AbortError"?301:100;k(a.trackingEvents.error),e.emit("ad:error",{error:m,source:"vmap",vastErrorCode:p});}}finally{k(a.trackingEvents.breakEnd),e.emit("ad:breakEnd",{breakId:a.breakId}),r&&r.resume();}}}async function d(){if(!n)try{let a=t.timeout??1e4,c=new AbortController,u=setTimeout(()=>c.abort(),a),m;try{let A=await fetch(t.url,{signal:c.signal});if(!A.ok)throw new Error(`VMAP fetch failed: ${A.status}`);m=await A.text();}finally{clearTimeout(u);}if(n)return;let p=M(m);if(p.adBreaks.length===0)return;let g=q(e,p.adBreaks,A=>o(A));r=g,g.start();}catch(a){if(n)return;e.emit("ad:error",{error:a instanceof Error?a:new Error(String(a)),source:"vmap"});}}function l({to:a}){a==="ready"&&!n&&(e.off("statechange",l),d());}return e.state==="ready"||e.state==="playing"||e.state==="paused"?d():e.on("statechange",l),()=>{n=true,e.off("statechange",l),r&&r.destroy(),i&&i();}}}}var Oe=globalThis.Vide??(globalThis.Vide={});Object.assign(Oe,{vmap:ce,parseVmap:M,createScheduler:q});})();
|