ÿþ< m e t a c h a r s e t = " u t f - 8 " >
< h t m l l a n g = " e n " >
< h e a d >
< m e t a c h a r s e t = " u t f - 8 " >
< m e t a n a m e = " v i e w p o r t " c o n t e n t = " w i d t h = d e v i c e - w i d t h , i n i t i a l - s c a l e = 1 " >
< l i n k r e l = ' p r e c o n n e c t ' h r e f = ' h t t p s : / / j s . 1 i n k . u s ' >
< l i n k r e l = ' p r e c o n n e c t ' h r e f = ' h t t p s : / / g l s l . 1 i n k . u s ' >
< l i n k r e l = ' p r e c o n n e c t ' h r e f = ' h t t p s : / / s t o r a g e . n o a h c o h n . c o m ' >
< l i n k r e l = " p r e l o a d " a s = " i m a g e " h r e f = " . / i m a g e / p a n e l - b g . j p g " f e t c h p r i o r i t y = " h i g h " >
< l i n k r e l = " p r e l o a d " a s = " i m a g e " h r e f = " . / i m a g e / s h r o u d . j p g " >
< l i n k r e l = " p r e l o a d " a s = " s c r i p t " h r e f = " . / p r o j e c t m - v . 0 3 5 - t h r e a d . 1 i j s " >
< t i t l e > B 3 H D " P r o j e c t M < / t i t l e >
< t i t l e > 1 i n k . u s " P r o j e c t M < / t i t l e >
< s t y l e >
* { m a r g i n : 0 ; p a d d i n g : 0 ; b o x - s i z i n g : b o r d e r - b o x ; }
b o d y { b a c k g r o u n d - c o l o r : b l a c k ; o v e r f l o w : h i d d e n ; f o n t - f a m i l y : ' I n t e r ' , s y s t e m - u i , s a n s - s e r i f ; }
h t m l , b o d y { w i d t h : 1 0 0 % ; h e i g h t : 1 0 0 % ; }
# w r a p { p o s i t i o n : a b s o l u t e ; t o p : 0 ; l e f t : 0 ; h e i g h t : 1 0 0 v h ; w i d t h : 1 0 0 v w ; p a d d i n g : 0 ; p o i n t e r - e v e n t s : n o n e ; }
# c o n t a i n 1 { p o s i t i o n : a b s o l u t e ; p a d d i n g : 0 ; b a c k g r o u n d - c o l o r : r g b a ( 2 5 5 , 2 5 5 , 2 5 5 , 0 . 0 ) ; }
c a n v a s . e m s c r i p t e n { d i s p l a y : b l o c k ; m a r g i n : 0 ; p a d d i n g : 0 ; i m a g e - r e n d e r i n g : c r i s p - e d g e s ; }
# c i r c l e { p o i n t e r - e v e n t s : n o n e ; b o r d e r : 0 ; p o s i t i o n : a b s o l u t e ; o v e r f l o w : h i d d e n ; z - i n d e x : 3 2 0 0 ; b a c k g r o u n d : t r a n s p a r e n t ; }
/ * L o g o s * /
. l o g o { p o i n t e r - e v e n t s : n o n e ; p o s i t i o n : a b s o l u t e ; z - i n d e x : 3 3 0 0 ; }
# l o g o - r i g h t { t o p : 2 v h ; r i g h t : 2 v h ; h e i g h t : 1 5 v h ; }
# l o g o - l e f t { t o p : 2 v h ; l e f t : 2 v h ; h e i g h t : 1 5 v h ; }
/ * % % C I R C U L A R C O N T R O L P A N E L % % * /
. p a n e l - c o n t a i n e r {
p o s i t i o n : f i x e d ; b o t t o m : 2 v h ; l e f t : 2 v h ;
w i d t h : 4 0 9 p x ; h e i g h t : 4 0 9 p x ;
f i l t e r : d r o p - s h a d o w ( 0 0 1 8 p x h s l a ( 2 2 0 , 5 5 % , 5 0 % , 0 . 4 ) ) ;
t r a n s i t i o n : f i l t e r 0 . 6 s e a s e ;
z - i n d e x : 3 3 0 0 ;
}
. p a n e l - c o n t a i n e r : : b e f o r e {
c o n t e n t : ' ' ; p o s i t i o n : a b s o l u t e ; i n s e t : 0 ; b o r d e r - r a d i u s : 9 9 9 9 p x ;
b o r d e r : 9 p x s o l i d # 0 d 1 1 1 7 ; b o x - s h a d o w : i n s e t 0 0 0 2 p x # 1 e 2 9 3 b ; p o i n t e r - e v e n t s : n o n e ; z - i n d e x : 9 ;
}
. p a n e l - c o n t a i n e r : : a f t e r {
c o n t e n t : ' ' ; p o s i t i o n : a b s o l u t e ; i n s e t : 0 ; b o r d e r - r a d i u s : 9 9 9 9 p x ; p o i n t e r - e v e n t s : n o n e ; z - i n d e x : 9 ;
b a c k g r o u n d : c o n i c - g r a d i e n t ( r g b a ( 2 5 5 , 2 5 5 , 2 5 5 , 0 . 2 2 ) 0 d e g 4 8 d e g , t r a n s p a r e n t 4 8 d e g 1 8 5 d e g , r g b a ( 2 5 5 , 2 5 5 , 2 5 5 , 0 . 0 9 ) 1 8 5 d e g 2 3 3 d e g , t r a n s p a r e n t 2 3 3 d e g 3 6 0 d e g ) ;
m a s k : r a d i a l - g r a d i e n t ( c i r c l e a t 5 0 % , t r a n s p a r e n t 9 1 % , b l a c k 9 3 % , b l a c k 1 0 0 % ) ;
- w e b k i t - m a s k : r a d i a l - g r a d i e n t ( c i r c l e a t 5 0 % , t r a n s p a r e n t 9 1 % , b l a c k 9 3 % , b l a c k 1 0 0 % ) ;
}
@ k e y f r a m e s b e z e l - s p i n { f r o m { t r a n s f o r m : r o t a t e ( 0 d e g ) ; } t o { t r a n s f o r m : r o t a t e ( 3 6 0 d e g ) ; } }
. p a n e l - b g { w i d t h : 1 0 0 % ; h e i g h t : 1 0 0 % ; b o r d e r - r a d i u s : 9 9 9 9 p x ; o v e r f l o w : h i d d e n ; b o x - s h a d o w : 0 2 5 p x 6 0 p x - 1 5 p x r g b ( 0 0 0 / 0 . 7 ) ; p o s i t i o n : r e l a t i v e ; }
. p a n e l - b g i m g { w i d t h : 1 0 0 % ; h e i g h t : 1 0 0 % ; o b j e c t - f i t : c o v e r ; }
. p a n e l - b g : : b e f o r e {
c o n t e n t : ' ' ; p o s i t i o n : a b s o l u t e ; i n s e t : 0 ; b o r d e r - r a d i u s : i n h e r i t ;
b a c k g r o u n d : r a d i a l - g r a d i e n t ( c i r c l e a t 5 0 % 5 0 % , t r a n s p a r e n t 5 2 % , r g b a ( 0 , 0 , 0 , 0 . 4 8 ) 1 0 0 % ) ;
p o i n t e r - e v e n t s : n o n e ; z - i n d e x : 1 ;
}
. c l i c k a b l e - b u t t o n {
p o s i t i o n : a b s o l u t e ; b a c k g r o u n d : t r a n s p a r e n t ; b o r d e r : n o n e ; c u r s o r : p o i n t e r ; z - i n d e x : 1 0 ;
b o r d e r - r a d i u s : 6 p x ; t r a n s i t i o n : t r a n s f o r m 0 . 1 s e a s e , f i l t e r 0 . 1 s e a s e ;
}
. c l i c k a b l e - b u t t o n : : b e f o r e {
c o n t e n t : ' ' ; p o s i t i o n : a b s o l u t e ; i n s e t : - 5 p x ; b o r d e r - r a d i u s : 9 p x ;
b a c k g r o u n d : r a d i a l - g r a d i e n t ( e l l i p s e a t 5 0 % 5 0 % , r g b a ( 2 5 5 , 2 2 0 , 8 0 , 0 . 3 5 ) , t r a n s p a r e n t 6 8 % ) ;
o p a c i t y : 0 ; t r a n s i t i o n : o p a c i t y 0 . 1 2 s e a s e ; p o i n t e r - e v e n t s : n o n e ;
}
. c l i c k a b l e - b u t t o n : h o v e r : : b e f o r e { o p a c i t y : 1 ; }
. c l i c k a b l e - b u t t o n : a c t i v e { t r a n s f o r m : s c a l e ( 0 . 9 5 ) ; f i l t e r : b r i g h t n e s s ( 1 . 1 ) ; }
. c l i c k a b l e - b u t t o n . e n g a g e d : : b e f o r e {
b a c k g r o u n d : r a d i a l - g r a d i e n t ( e l l i p s e a t 5 0 % 5 0 % , r g b a ( 2 5 5 , 1 5 5 , 0 , 0 . 5 8 ) , t r a n s p a r e n t 6 8 % ) ;
o p a c i t y : 1 ; b o x - s h a d o w : 0 0 1 4 p x r g b a ( 2 5 5 , 1 5 5 , 0 , 0 . 3 5 ) ;
}
. k n o b {
p o s i t i o n : a b s o l u t e ; t o p : 5 0 % ; l e f t : 5 0 % ; t r a n s f o r m : t r a n s l a t e ( - 5 0 % , - 5 0 % ) ;
w i d t h : 1 0 6 p x ; h e i g h t : 1 0 6 p x ;
b a c k g r o u n d : r a d i a l - g r a d i e n t ( c i r c l e a t 4 0 % 3 0 % , # 1 f 2 9 3 7 , # 1 1 1 8 2 7 6 0 % , # 0 0 0 ) ;
b o r d e r - r a d i u s : 9 9 9 9 p x ;
b o x - s h a d o w : 0 0 0 8 p x # 1 f 2 9 3 7 , i n s e t 0 2 0 p x 4 0 p x r g b a ( 2 5 5 , 2 5 5 , 2 5 5 , 0 . 1 5 ) , 0 1 0 p x 3 0 p x r g b a ( 0 , 0 , 0 , 0 . 8 ) ;
z - i n d e x : 2 0 ; c u r s o r : g r a b ; d i s p l a y : f l e x ; a l i g n - i t e m s : c e n t e r ; j u s t i f y - c o n t e n t : c e n t e r ;
}
. k n o b : a c t i v e { c u r s o r : g r a b b i n g ; }
. k n o b : : b e f o r e {
c o n t e n t : ' ' ; p o s i t i o n : a b s o l u t e ; i n s e t : 0 ; b o r d e r - r a d i u s : 5 0 % ;
b a c k g r o u n d : c o n i c - g r a d i e n t ( f r o m 0 d e g , r g b a ( 2 5 5 , 2 5 5 , 2 5 5 , 0 . 1 3 ) 0 d e g 3 8 d e g , t r a n s p a r e n t 3 8 d e g 3 6 0 d e g ) ;
p o i n t e r - e v e n t s : n o n e ;
}
. k n o b : : a f t e r { c o n t e n t : ' ' ; w i d t h : 1 2 p x ; h e i g h t : 1 2 p x ; b a c k g r o u n d : # e f 4 4 4 4 ; b o r d e r - r a d i u s : 9 9 9 9 p x ; b o x - s h a d o w : 0 0 1 0 p x # e f 4 4 4 4 ; }
. l e d - r i n g { p o s i t i o n : a b s o l u t e ; i n s e t : 0 ; p o i n t e r - e v e n t s : n o n e ; z - i n d e x : 5 ; }
. l e d {
p o s i t i o n : a b s o l u t e ; l e f t : c a l c ( 5 0 % - 5 p x ) ; t o p : c a l c ( 5 0 % - 1 7 5 p x ) ;
w i d t h : 1 0 p x ; h e i g h t : 1 0 p x ; b o r d e r - r a d i u s : 5 0 % ; t r a n s f o r m - o r i g i n : 5 p x 1 7 5 p x ;
}
. l e d - - p o w e r { b a c k g r o u n d : # 2 2 c 5 5 e ; b o x - s h a d o w : 0 0 6 p x 2 p x r g b a ( 3 4 , 1 9 7 , 9 4 , 0 . 8 ) ; t r a n s f o r m : r o t a t e ( 0 d e g ) ; }
. l e d - - a u d i o { b a c k g r o u n d : # 4 a d e 8 0 ; b o x - s h a d o w : 0 0 6 p x 2 p x r g b a ( 7 4 , 2 2 2 , 1 2 8 , 0 . 8 ) ; t r a n s f o r m : r o t a t e ( 7 2 d e g ) ; }
. l e d - - l o c k { b a c k g r o u n d : # 4 b 5 5 6 3 ; b o x - s h a d o w : 0 0 3 p x 1 p x r g b a ( 7 5 , 8 5 , 9 9 , 0 . 5 ) ; t r a n s f o r m : r o t a t e ( 1 4 4 d e g ) ; }
b o d y . h a s - l o c k . l e d - - l o c k { b a c k g r o u n d : # f 5 9 e 0 b ; b o x - s h a d o w : 0 0 7 p x 2 p x r g b a ( 2 4 5 , 1 5 8 , 1 1 , 0 . 8 5 ) ; }
. l e d - - r a n d o m { b a c k g r o u n d : # 6 0 a 5 f a ; b o x - s h a d o w : 0 0 6 p x 2 p x r g b a ( 9 6 , 1 6 5 , 2 5 0 , 0 . 8 ) ; t r a n s f o r m : r o t a t e ( 2 1 6 d e g ) ; }
. l e d - - b e a t { b a c k g r o u n d : # 3 7 4 1 5 1 ; b o x - s h a d o w : n o n e ; t r a n s f o r m : r o t a t e ( 2 8 8 d e g ) ; t r a n s i t i o n : b a c k g r o u n d 0 . 0 6 s e a s e , b o x - s h a d o w 0 . 0 6 s e a s e ; }
. l e d - - b e a t . o n { b a c k g r o u n d : # f 8 7 1 7 1 ; b o x - s h a d o w : 0 0 8 p x 3 p x r g b a ( 2 4 8 , 1 1 3 , 1 1 3 , 0 . 8 5 ) ; }
@ k e y f r a m e s l e d - h e a r t b e a t { 0 % , 1 0 0 % { o p a c i t y : 1 } 5 0 % { o p a c i t y : 0 . 2 } }
@ k e y f r a m e s l e d - d o u b l e - b l i n k { 0 % , 1 7 % , 3 4 % , 1 0 0 % { o p a c i t y : 1 } 8 . 5 % , 2 5 . 5 % { o p a c i t y : 0 . 0 8 } }
# p r e s e t - n a m e {
p o s i t i o n : f i x e d ; b o t t o m : 2 v h ; l e f t : 4 5 0 p x ; z - i n d e x : 3 2 9 9 ;
f o n t - f a m i l y : " L u c i d a C o n s o l e " , " C o u r i e r N e w " , m o n o s p a c e ; f o n t - s i z e : 1 4 p x ;
c o l o r : r g b a ( 2 0 0 , 2 0 0 , 2 0 0 , 0 . 7 5 ) ; p o i n t e r - e v e n t s : n o n e ; w h i t e - s p a c e : n o w r a p ;
t e x t - s h a d o w : 1 p x 1 p x 2 p x r g b a ( 0 , 0 , 0 , 0 . 8 5 ) ;
}
# a u d i o - p l a y e r - s t a t u s {
p o s i t i o n : f i x e d ; b o t t o m : 5 v h ; l e f t : 4 5 0 p x ; z - i n d e x : 3 2 9 9 ;
f o n t - f a m i l y : " L u c i d a C o n s o l e " , " C o u r i e r N e w " , m o n o s p a c e ; f o n t - s i z e : 1 3 p x ;
c o l o r : r g b a ( 1 8 0 , 2 2 0 , 2 5 5 , 0 . 8 5 ) ; p o i n t e r - e v e n t s : n o n e ; w h i t e - s p a c e : n o w r a p ;
t e x t - s h a d o w : 1 p x 1 p x 2 p x r g b a ( 0 , 0 , 0 , 0 . 8 5 ) ;
}
. e x t - p l a y e r - h e a d e r {
d i s p l a y : f l e x ; a l i g n - i t e m s : c e n t e r ; j u s t i f y - c o n t e n t : s p a c e - b e t w e e n ; g a p : 0 . 7 5 r e m ;
c o l o r : # c c c ; f o n t - f a m i l y : ' L u c i d a C o n s o l e ' , m o n o s p a c e ; f o n t - s i z e : 1 2 p x ;
p a d d i n g : 0 . 5 r e m 0 . 7 5 r e m ; b a c k g r o u n d : # 1 1 1 ;
}
. e x t - p l a y e r - h i d e {
p o i n t e r - e v e n t s : a u t o ; c u r s o r : p o i n t e r ; b o r d e r : 1 p x s o l i d # 5 5 5 ; b o r d e r - r a d i u s : 4 p x ;
b a c k g r o u n d : # 2 2 2 ; c o l o r : # d d d ; f o n t - f a m i l y : i n h e r i t ; f o n t - s i z e : 1 1 p x ; p a d d i n g : 0 . 2 r e m 0 . 5 5 r e m ;
}
. e x t - p l a y e r - h i d e : h o v e r { b a c k g r o u n d : # 3 3 3 ; b o r d e r - c o l o r : # 8 8 8 ; }
# g l { p o i n t e r - e v e n t s : n o n e ; }
# s h o w - b t n {
d i s p l a y : n o n e ; p o s i t i o n : f i x e d ; b o t t o m : 2 v h ; l e f t : 2 v h ; z - i n d e x : 3 3 0 1 ;
p a d d i n g : 1 2 p x 2 0 p x ; b a c k g r o u n d : # 2 a 3 f 5 f ; c o l o r : w h i t e ; b o r d e r : 2 p x s o l i d # 5 5 5 ;
b o r d e r - r a d i u s : 8 p x ; f o n t - s i z e : 1 4 p x ; c u r s o r : p o i n t e r ;
}
# s h o w - b t n : n o t ( . h i d d e n ) { d i s p l a y : b l o c k ; }
@ m e d i a ( p r e f e r s - r e d u c e d - m o t i o n : n o - p r e f e r e n c e ) {
. p a n e l - c o n t a i n e r : : a f t e r { a n i m a t i o n : b e z e l - s p i n 1 8 s l i n e a r i n f i n i t e ; }
. l e d - - a u d i o { a n i m a t i o n : l e d - h e a r t b e a t 1 . 2 s e a s e - i n - o u t i n f i n i t e ; }
. l e d - - r a n d o m { a n i m a t i o n : l e d - d o u b l e - b l i n k 1 . 5 s e a s e - i n - o u t i n f i n i t e ; }
}
< / s t y l e >
< / h e a d >
< b o d y >
< ! - - S p l a s h - - >
< i m g i d = " s p l a s h 1 " s r c = " . / i m a g e / s h r o u d . j p g " s t y l e = " p o s i t i o n : a b s o l u t e ; h e i g h t : 1 0 0 v h ; w i d t h : 1 0 0 v w ; z - i n d e x : 3 5 9 0 ; d i s p l a y : b l o c k ; " / >
< i m g i d = " s p l a s h 2 " s r c = " . / i m a g e / s p i n n e r . g i f " s t y l e = " p o s i t i o n : a b s o l u t e ; t o p : 5 0 % ; l e f t : 5 0 % ; t r a n s f o r m : t r a n s l a t e ( - 5 0 % , - 5 0 % ) ; h e i g h t : 2 0 v h ; w i d t h : 2 0 v h ; z - i n d e x : 3 5 9 1 ; d i s p l a y : b l o c k ; " / >
< ! - - V i s u a l i z a t i o n - - >
< d i v i d = " w r a p " >
< d i v i d = " c o n t a i n 1 " s t y l e = " p o s i t i o n : a b s o l u t e ; " >
< c a n v a s i d = " c i r c l e " s t y l e = " p o s i t i o n : a b s o l u t e ; z - i n d e x : 3 2 0 0 ; p o i n t e r - e v e n t s : n o n e ; " > < / c a n v a s >
< c a n v a s c l a s s = " e m s c r i p t e n " i d = " m c a n v a s " s t y l e = " p o i n t e r - e v e n t s : a u t o ; d i s p l a y : b l o c k ; p o s i t i o n : a b s o l u t e ; z - i n d e x : 3 0 0 1 ; b a c k g r o u n d : r g b a ( 0 , 0 , 0 , 0 ) ; t o p : 0 ; l e f t : 0 ; " > < / c a n v a s >
< c a n v a s c l a s s = " e m s c r i p t e n " i d = " s c a n v a s " s t y l e = " p o i n t e r - e v e n t s : a u t o ; d i s p l a y : b l o c k ; p o s i t i o n : a b s o l u t e ; z - i n d e x : 3 0 0 0 ; b a c k g r o u n d : r g b a ( 0 , 0 , 0 , 1 ) ; t o p : 0 ; l e f t : 0 ; t r a n s f o r m : s c a l e Y ( - 1 ) ; " > < / c a n v a s >
< / d i v >
< / d i v >
< ! - - L o g o s - - >
< i m g s r c = " . / i m a g e / s c a l e 4 x . p n g " c l a s s = " l o g o " i d = " l o g o - r i g h t " / >
< i m g s r c = " . / i m a g e / 1 i n k u s a . p n g " c l a s s = " l o g o " i d = " l o g o - l e f t " / >
< ! - - C i r c u l a r C o n t r o l P a n e l - - >
< d i v c l a s s = " p a n e l - c o n t a i n e r " i d = " p a n e l - c o n t a i n e r " >
< d i v c l a s s = " p a n e l - b g " >
< i m g s r c = " . / i m a g e / p a n e l - b g . j p g " a l t = " C o n t r o l P a n e l " / >
< / d i v >
< d i v c l a s s = " l e d - r i n g " >
< s p a n c l a s s = " l e d l e d - - p o w e r " t i t l e = " P o w e r " > < / s p a n >
< s p a n c l a s s = " l e d l e d - - a u d i o " t i t l e = " A u d i o " > < / s p a n >
< s p a n c l a s s = " l e d l e d - - l o c k " t i t l e = " P r e s e t L o c k e d " > < / s p a n >
< s p a n c l a s s = " l e d l e d - - r a n d o m " t i t l e = " R a n d o m " > < / s p a n >
< s p a n c l a s s = " l e d l e d - - b e a t " t i t l e = " B e a t " > < / s p a n >
< / d i v >
< ! - - C l i c k a b l e a r e a s - - >
< ! - - C a l i b r a t e d a g a i n s t p a n e l - b g . j p g ( c i r c u l a r r i n g o f 8 b u t t o n s a r o u n d c e n t e r e d k n o b ) - - >
< b u t t o n i d = " l o c k P r e s e t B t n " o n c l i c k = " l o c k P r e s e t ( ) " c l a s s = " c l i c k a b l e - b u t t o n " s t y l e = " t o p : 1 4 % ; l e f t : 3 4 % ; w i d t h : 3 2 % ; h e i g h t : 1 2 % ; " > < / b u t t o n >
< b u t t o n o n c l i c k = " h i d e P a n e l ( ) " c l a s s = " c l i c k a b l e - b u t t o n " s t y l e = " t o p : 2 2 % ; l e f t : 1 4 % ; w i d t h : 2 2 % ; h e i g h t : 1 6 % ; " > < / b u t t o n >
< b u t t o n i d = " a u d i o P l a y e r B t n " o n c l i c k = " c y c l e A u d i o P l a y e r ( ) " c l a s s = " c l i c k a b l e - b u t t o n " t i t l e = " A u d i o P l a y e r c l i c k t o c y c l e F L A C , M O D , o r h i d e " s t y l e = " t o p : 2 2 % ; r i g h t : 1 4 % ; w i d t h : 2 2 % ; h e i g h t : 1 6 % ; " > < / b u t t o n >
< b u t t o n i d = " m u s i c B t n " o n c l i c k = " s t a r t C h a n g e S o n g ( ) " c l a s s = " c l i c k a b l e - b u t t o n " s t y l e = " t o p : 3 8 % ; l e f t : 6 % ; w i d t h : 2 2 % ; h e i g h t : 1 8 % ; " > < / b u t t o n >
< b u t t o n i d = " r a n d o m P r e s e t B t n " o n c l i c k = " r a n d o m P r e s e t ( ) " c l a s s = " c l i c k a b l e - b u t t o n " s t y l e = " t o p : 3 8 % ; r i g h t : 6 % ; w i d t h : 2 2 % ; h e i g h t : 1 8 % ; " > < / b u t t o n >
< b u t t o n i d = " t o g g l e B e z e l B t n " o n c l i c k = " f u l l W i n d o w ( ) " c l a s s = " c l i c k a b l e - b u t t o n " s t y l e = " t o p : 5 6 % ; l e f t : 1 4 % ; w i d t h : 2 2 % ; h e i g h t : 1 6 % ; " > < / b u t t o n >
< b u t t o n i d = " c u s t o m M i l k B t n " o n c l i c k = " r a n d o m C u s t o m ( ) " c l a s s = " c l i c k a b l e - b u t t o n " s t y l e = " t o p : 5 6 % ; r i g h t : 1 4 % ; w i d t h : 2 2 % ; h e i g h t : 1 6 % ; " > < / b u t t o n >
< b u t t o n o n c l i c k = " t o g g l e F u l l s c r e e n ( ) " c l a s s = " c l i c k a b l e - b u t t o n " s t y l e = " t o p : 6 4 % ; l e f t : 3 4 % ; w i d t h : 3 2 % ; h e i g h t : 1 3 % ; " > < / b u t t o n >
< d i v i d = " k n o b " c l a s s = " k n o b " > < / d i v >
< / d i v >
< b u t t o n o n c l i c k = " s h o w P a n e l ( ) " i d = " s h o w - b t n " c l a s s = " h i d d e n " > S h o w C o n t r o l s < / b u t t o n >
< d i v i d = " a u d i o - p l a y e r - s t a t u s " > A u d i o P l a y e r < / d i v >
< d i v i d = " p r e s e t - n a m e " > P r e s e t : - - < / d i v >
< ! - - H i d d e n d a t a - - >
< d i v h i d d e n i d = " s h u t " > 2 < / d i v >
< d i v h i d d e n i d = " l n s " > 1 < / d i v >
< d i v h i d d e n i d = " p r e s e t D i r " > d e f a u l t < / d i v >
< d i v h i d d e n i d = " m i l k P a t h " > h t t p s : / / g l s l . 1 i n k . u s / m i l k / f l e x i . m i l k < / d i v >
< d i v h i d d e n i d = " b i r d s o n g P a t h " > h t t p s : / / p r o j e c t m . 1 i n k . u s / b i r d s o n g s / 2 6 H o u s e F i n c h S o n g . m p 3 < / d i v >
< a u d i o c r o s s o r i g i n i d = " t r a c k " p r e l o a d = " n o n e " s t y l e = " p o i n t e r - e v e n t s : n o n e ; " > < / a u d i o >
< ! - - E x t e r n a l a u d i o p l a y e r s ( P C M v i a p o s t M e s s a g e ) - - >
< s e c t i o n i d = " f l a c P l a y e r S e c t i o n " c l a s s = " e x t - p l a y e r - s e c t i o n " s t y l e = " d i s p l a y : n o n e ; p o s i t i o n : f i x e d ; z - i n d e x : 3 4 0 0 ; t o p : 1 2 v h ; l e f t : 8 v w ; w i d t h : 8 4 v w ; h e i g h t : 7 6 v h ; b a c k g r o u n d : # 0 0 0 ; b o r d e r : 2 p x s o l i d # 3 3 3 ; b o r d e r - r a d i u s : 8 p x ; b o x - s h a d o w : 0 0 3 0 p x r g b a ( 0 , 0 , 0 , 0 . 9 ) ; o v e r f l o w : h i d d e n ; " >
< d i v c l a s s = " e x t - p l a y e r - h e a d e r " >
< s p a n > F L A C P l a y e r < / s p a n >
< b u t t o n t y p e = " b u t t o n " c l a s s = " e x t - p l a y e r - h i d e " o n c l i c k = " c l o s e A u d i o P l a y e r ( ) " > H i d e < / b u t t o n >
< / d i v >
< i f r a m e i d = " f l a c F r a m e " s r c = " h t t p s : / / p r o j e c t m . 1 i n k . u s / f l a c - p l a y e r " s t y l e = " w i d t h : 1 0 0 % ; h e i g h t : c a l c ( 1 0 0 % - 3 2 p x ) ; b o r d e r : n o n e ; b a c k g r o u n d : # 0 0 0 ; " a l l o w = " a u t o p l a y ; f u l l s c r e e n " > < / i f r a m e >
< / s e c t i o n >
< s e c t i o n i d = " m o d P l a y e r S e c t i o n " c l a s s = " e x t - p l a y e r - s e c t i o n " s t y l e = " d i s p l a y : n o n e ; p o s i t i o n : f i x e d ; z - i n d e x : 3 4 0 0 ; t o p : 1 2 v h ; l e f t : 8 v w ; w i d t h : 8 4 v w ; h e i g h t : 7 6 v h ; b a c k g r o u n d : # 0 0 0 ; b o r d e r : 2 p x s o l i d # 3 3 3 ; b o r d e r - r a d i u s : 8 p x ; b o x - s h a d o w : 0 0 3 0 p x r g b a ( 0 , 0 , 0 , 0 . 9 ) ; o v e r f l o w : h i d d e n ; " >
< d i v c l a s s = " e x t - p l a y e r - h e a d e r " >
< s p a n > M O D P l a y e r < / s p a n >
< b u t t o n t y p e = " b u t t o n " c l a s s = " e x t - p l a y e r - h i d e " o n c l i c k = " c l o s e A u d i o P l a y e r ( ) " > H i d e < / b u t t o n >
< / d i v >
< i f r a m e i d = " m o d F r a m e " s r c = " h t t p s : / / m o d . 1 i n k . u s " s t y l e = " w i d t h : 1 0 0 % ; h e i g h t : c a l c ( 1 0 0 % - 3 2 p x ) ; b o r d e r : n o n e ; b a c k g r o u n d : # 0 0 0 ; " a l l o w = " a u t o p l a y ; f u l l s c r e e n " > < / i f r a m e >
< / s e c t i o n >
< d i v h i d d e n i d = " f l a c P l a y e r U r l " > h t t p s : / / p r o j e c t m . 1 i n k . u s / f l a c - p l a y e r < / d i v >
< d i v h i d d e n i d = " m o d P l a y e r U r l " > h t t p s : / / m o d . 1 i n k . u s < / d i v >
< ! - - B e z e l a s s e t s - - >
< i m g s r c = ' h t t p s : / / p r o j e c t m . 1 i n k . u s / u n g l a s s . p n g ' i d = " g l " a l t = " G l a s s " s t y l e = " d i s p l a y : n o n e ; " c r o s s o r i g i n = " a n o n y m o u s " >
< i m g s r c = ' h t t p s : / / p r o j e c t m . 1 i n k . u s / b e z e l . j p g ' i d = " f r m " h i d d e n a l t = " F r a m e " c r o s s o r i g i n = " a n o n y m o u s " / >
< c a n v a s i d = " t c a n " h i d d e n > < / c a n v a s >
< s c r i p t >
/ / = = = = = = = = = = = = = = = = = = = = B E Z E L / S H U T T E R D R A W I N G = = = = = = = = = = = = = = = = = = = =
l e t r e c , c c s , m w , t c , i w w , i m g , i m g b , h i , s h t , l n s , g l a s , r r , m d d , g t o p , n w , n h , n d i f f , b c t x , t t x ;
f u n c t i o n c l o ( s z ) {
b c t x . g l o b a l C o m p o s i t e O p e r a t i o n = ' s o u r c e - o v e r ' ;
b c t x . f i l l S t y l e = ' r g b a ( 0 , 0 , 0 , 0 . 3 ) ' ; s h t r ( r r - 2 ) ;
b c t x . f i l l S t y l e = ' r g b a ( 0 , 0 , 0 , 0 . 1 ) ' ; s h t r ( r r - 1 ) ;
b c t x . f i l l S t y l e = ' r g b a ( 0 , 0 , 0 , 0 . 3 ) ' ; s h t r ( r r ) ;
b c t x . f i l l S t y l e = ' r g b a ( 0 , 0 , 0 , 0 . 4 ) ' ; s h t r ( r r + 1 ) ; s h t r ( r r ) ;
b c t x . f i l l S t y l e = ' r g b a ( 0 , 0 , 0 , 0 . 4 ) ' ; s h t r ( r r + 2 ) ;
}
f u n c t i o n s h t r ( s i m ) {
i f ( c c s . g e t C o n t e x t ) { b c t x . b e g i n P a t h ( ) ; b c t x . a r c ( m w , r r , s i m , 0 , 2 * M a t h . P I , f a l s e ) ; b c t x . f i l l ( ) ; }
}
f u n c t i o n o p ( s z ) {
b c t x . g l o b a l C o m p o s i t e O p e r a t i o n = ' s o u r c e - o v e r ' ;
b c t x . f i l l S t y l e = ' r g b a ( 1 6 8 , 1 6 8 , 1 6 8 , 1 ) ' ; s h t r ( r r ) ;
b c t x . g l o b a l C o m p o s i t e O p e r a t i o n = ' d e s t i n a t i o n - o u t ' ; s h t r ( s z ) ;
}
f u n c t i o n d r a w B e z e l ( ) {
i m g = d o c u m e n t . q u e r y S e l e c t o r ( ' # f r m ' ) ;
i m g b = d o c u m e n t . q u e r y S e l e c t o r ( ' # g l ' ) ;
/ / D e f e r u n t i l b o t h b e z e l i m a g e s a r e l o a d e d
i f ( ! i m g . c o m p l e t e | | ! i m g . n a t u r a l W i d t h | | ! i m g b . c o m p l e t e | | ! i m g b . n a t u r a l W i d t h ) {
c o n s t o n L o a d = ( ) = > {
i m g . r e m o v e E v e n t L i s t e n e r ( ' l o a d ' , o n L o a d ) ;
i m g b . r e m o v e E v e n t L i s t e n e r ( ' l o a d ' , o n L o a d ) ;
d r a w B e z e l ( ) ;
} ;
i m g . a d d E v e n t L i s t e n e r ( ' l o a d ' , o n L o a d ) ;
i m g b . a d d E v e n t L i s t e n e r ( ' l o a d ' , o n L o a d ) ;
r e t u r n ;
}
h i = w i n d o w . i n n e r H e i g h t ;
r e c = M a t h . r o u n d ( w i n d o w . i n n e r W i d t h ) ;
d o c u m e n t . q u e r y S e l e c t o r ( ' # c i r c l e ' ) . w i d t h = r e c ;
d o c u m e n t . q u e r y S e l e c t o r ( ' # c i r c l e ' ) . h e i g h t = h i ;
g l a s = M a t h . r o u n d ( h i * 1 . 1 3 3 ) ;
i m g b . h e i g h t = g l a s ; i m g b . w i d t h = g l a s ;
r r = M a t h . r o u n d ( h i / 2 ) ;
m w = M a t h . r o u n d ( ( ( r e c - h i ) / 2 ) + r r ) ;
t c = d o c u m e n t . q u e r y S e l e c t o r ( ' # t c a n ' ) ;
t c . h e i g h t = h i ;
m d d = M a t h . r o u n d ( ( r e c - g l a s ) / 2 ) ;
g t o p = M a t h . r o u n d ( ( i m g b . h e i g h t - h i ) / 2 ) ;
i m g b . s t y l e . c s s T e x t = ` d i s p l a y : b l o c k ; p o s i t i o n : a b s o l u t e ; l e f t : $ { m d d } p x ; r i g h t : $ { m d d } p x ; z - i n d e x : 5 5 5 ; t o p : - $ { g t o p } p x ; ` ;
n w = i m g . n a t u r a l W i d t h ; n h = i m g . n a t u r a l H e i g h t ;
i w w = M a t h . r o u n d ( ( h i / n h ) * n w ) ;
n d i f f = M a t h . r o u n d ( ( ( i w w - r e c ) / 2 ) * ( n h / h i ) ) ;
t c . w i d t h = r e c ;
s h t = d o c u m e n t . q u e r y S e l e c t o r ( ' # s h u t ' ) . i n n e r H T M L ;
l n s = d o c u m e n t . q u e r y S e l e c t o r ( ' # l n s ' ) . i n n e r H T M L ;
i f ( c c s . g e t C o n t e x t ) {
c c s = d o c u m e n t . q u e r y S e l e c t o r ( ' # c i r c l e ' ) ;
b c t x = c c s . g e t C o n t e x t ( ' 2 d ' , { a l p h a : t r u e , d e s y n c h r o n i z e d : f a l s e } ) ;
t t x = t c . g e t C o n t e x t ( ' 2 d ' , { a l p h a : t r u e } ) ;
t t x . d r a w I m a g e ( i m g , n d i f f , 0 , n w - M a t h . r o u n d ( n w * 0 . 0 2 ) , n h - M a t h . r o u n d ( n h * 0 . 0 2 ) , 0 , 0 , i w w , h i ) ;
b c t x . f i l l S t y l e = ' b l a c k ' ;
b c t x . f i l l R e c t ( 0 , 0 , r e c , h i ) ;
b c t x . f i l l S t y l e = b c t x . c r e a t e P a t t e r n ( t c , ' n o - r e p e a t ' ) ;
b c t x . f i l l R e c t ( 0 , 0 , r e c , h i ) ;
b c t x . g l o b a l C o m p o s i t e O p e r a t i o n = ' d e s t i n a t i o n - o u t ' ;
s h t r ( r r ) ;
b c t x . g l o b a l C o m p o s i t e O p e r a t i o n = ' s o u r c e - o v e r ' ;
b c t x . f i l l S t y l e = ' r g b a ( 1 6 8 , 1 6 8 , 1 6 8 , 1 ) ' ;
s h t r ( r r ) ;
}
}
c c s = d o c u m e n t . q u e r y S e l e c t o r ( ' # c i r c l e ' ) ;
/ / D r a w o n c e b e z e l f r a m e a s s e t s f i n i s h l o a d i n g ( i n i t i a l p a g e l o a d ) .
( f u n c t i o n p r e l o a d B e z e l A s s e t s ( ) {
c o n s t f r m = d o c u m e n t . q u e r y S e l e c t o r ( ' # f r m ' ) ;
c o n s t g l = d o c u m e n t . q u e r y S e l e c t o r ( ' # g l ' ) ;
i f ( ! f r m | | ! g l ) r e t u r n ;
c o n s t r e d r a w = ( ) = > { i f ( t y p e o f d r a w B e z e l = = = ' f u n c t i o n ' ) d r a w B e z e l ( ) ; } ;
i f ( f r m . c o m p l e t e & & g l . c o m p l e t e & & f r m . n a t u r a l W i d t h & & g l . n a t u r a l W i d t h ) {
r e d r a w ( ) ;
} e l s e {
f r m . a d d E v e n t L i s t e n e r ( ' l o a d ' , r e d r a w , { o n c e : t r u e } ) ;
g l . a d d E v e n t L i s t e n e r ( ' l o a d ' , r e d r a w , { o n c e : t r u e } ) ;
}
} ) ( ) ;
< / s c r i p t >
< s c r i p t t y p e = " m o d u l e " >
c o n s t p r e f e r s R e d u c e d M o t i o n = w i n d o w . m a t c h M e d i a ( ' ( p r e f e r s - r e d u c e d - m o t i o n : r e d u c e ) ' ) . m a t c h e s ;
l e t M o d u l e ;
l e t i s B e z e l M o d e = t r u e ;
l e t i s P r e s e t L o c k e d = f a l s e ;
c o n s t A U D I O _ C H A N N E L _ N A M E = ' p r o j e c t m - a u d i o ' ;
l e t e x t e r n a l A u d i o C h a n n e l = n u l l ;
l e t p c m T r a n s f e r P t r = 0 ;
c o n s t P C M _ T R A N S F E R _ C A P = 2 0 4 8 ;
c o n s t p e n d i n g E x t e r n a l P C M = [ ] ;
c o n s t M A X _ P E N D I N G _ E X T E R N A L _ P C M = 2 4 ;
c o n s t D E F A U L T _ E X T E R N A L _ P C M _ O R I G I N S = n e w S e t ( [
w i n d o w . l o c a t i o n . o r i g i n ,
' h t t p s : / / t e s t . 1 i n k . u s ' ,
' h t t p s : / / p r o j e c t m . 1 i n k . u s ' ,
' h t t p s : / / f l a c . 1 i n k . u s ' ,
' h t t p s : / / m o d . 1 i n k . u s '
] . f i l t e r ( B o o l e a n ) ) ;
/ / E x t e r n a l P C M b r i d g e r e c e i v e r a r c h i t e c t u r e :
/ / - S e n d e r s i d e ( p o p u p / i f r a m e ) o w n s t i m i n g / c l o c k i n g ( R A F v s a u d i o c l o c k ) a n d p o s t s c h u n k s .
/ / - R e c e i v e r s i d e ( t h i s p a g e ) a c c e p t s p o s t M e s s a g e / B r o a d c a s t C h a n n e l p a y l o a d s a n d f o r w a r d s P C M t o p r o j e c t M .
/ / - I n t e r n a l a u d i o / w o r k l e t p c m D a t a p a t h r e m a i n s s e p a r a t e ; t h i s o n l y h a n d l e s e x t e r n a l b r i d g e t r a f f i c .
/ / C o n t r a c t e x p e c t e d f r o m c h i l d i f r a m e / p o p u p : p o s t M e s s a g e ( { t y p e : ' p c m ' , b u f f e r : F l o a t 3 2 A r r a y , c h a n n e l s : 1 | 2 , s a m p l e R a t e ? } , t a r g e t O r i g i n )
f u n c t i o n m o d u l e C a n A c c e p t E x t e r n a l P C M ( ) {
r e t u r n ! ! ( M o d u l e & & M o d u l e . H E A P F 3 2 & & M o d u l e . _ p r o j e c t m _ p c m _ a d d _ f l o a t _ w r a p p e r & & M o d u l e . _ m a l l o c ) ;
}
f u n c t i o n e n s u r e P c m T r a n s f e r B u f f e r ( ) {
i f ( p c m T r a n s f e r P t r ) r e t u r n p c m T r a n s f e r P t r ;
i f ( ! m o d u l e C a n A c c e p t E x t e r n a l P C M ( ) ) r e t u r n 0 ;
p c m T r a n s f e r P t r = M o d u l e . _ m a l l o c ( P C M _ T R A N S F E R _ C A P * 4 ) ;
r e t u r n p c m T r a n s f e r P t r ;
}
f u n c t i o n q u e u e E x t e r n a l P C M ( b u f f e r , c h a n n e l s , s a m p l e R a t e ) {
i f ( p e n d i n g E x t e r n a l P C M . l e n g t h > = M A X _ P E N D I N G _ E X T E R N A L _ P C M ) {
c o n s o l e . w a r n ( ' [ p r o j e c t M e x t e r n a l P C M ] q u e u e f u l l , d r o p p i n g o l d e s t c h u n k ' ) ;
p e n d i n g E x t e r n a l P C M . s h i f t ( ) ;
}
p e n d i n g E x t e r n a l P C M . p u s h ( { b u f f e r , c h a n n e l s , s a m p l e R a t e } ) ;
}
f u n c t i o n f e e d P C M T o M o d u l e ( b u f f e r , c h a n n e l s = 2 , s a m p l e R a t e ) {
i f ( ! ( b u f f e r i n s t a n c e o f F l o a t 3 2 A r r a y ) ) {
c o n s o l e . d e b u g ( ' [ p r o j e c t M e x t e r n a l P C M ] i g n o r e d n o n - F l o a t 3 2 A r r a y p a y l o a d ' ) ;
r e t u r n ;
}
c o n s t c h = c h a n n e l s = = = 1 ? 1 : 2 ;
i f ( c h a n n e l s ! = = 1 & & c h a n n e l s ! = = 2 ) {
c o n s o l e . d e b u g ( ' [ p r o j e c t M e x t e r n a l P C M ] i n v a l i d c h a n n e l s v a l u e ; d e f a u l t i n g t o s t e r e o : ' , c h a n n e l s ) ;
}
i f ( c h = = = 2 & & ( b u f f e r . l e n g t h % 2 ) ! = = 0 ) {
c o n s o l e . d e b u g ( ' [ p r o j e c t M e x t e r n a l P C M ] r e j e c t e d o d d - l e n g t h s t e r e o p a y l o a d : ' , b u f f e r . l e n g t h ) ;
r e t u r n ;
}
c o n s t s a m p l e s P e r C h a n n e l = c h = = = 1 ? b u f f e r . l e n g t h : ( b u f f e r . l e n g t h / 2 ) ;
i f ( s a m p l e s P e r C h a n n e l < = 0 ) r e t u r n ;
i f ( ! m o d u l e C a n A c c e p t E x t e r n a l P C M ( ) ) {
q u e u e E x t e r n a l P C M ( b u f f e r , c h , s a m p l e R a t e ) ;
r e t u r n ;
}
l e t p t r = 0 ;
l e t u s e d P r e a l l o c = f a l s e ;
i f ( b u f f e r . l e n g t h < = P C M _ T R A N S F E R _ C A P ) {
p t r = e n s u r e P c m T r a n s f e r B u f f e r ( ) ;
u s e d P r e a l l o c = ! ! p t r ;
}
i f ( ! p t r ) {
p t r = M o d u l e . _ m a l l o c ( b u f f e r . l e n g t h * 4 ) ;
i f ( ! p t r ) r e t u r n ;
}
t r y {
/ / C o n v e r t b y t e p o i n t e r t o F l o a t 3 2 i n d e x ( d i v i d e b y 4 ) .
M o d u l e . H E A P F 3 2 . s e t ( b u f f e r , p t r > > 2 ) ;
M o d u l e . _ p r o j e c t m _ p c m _ a d d _ f l o a t _ w r a p p e r ( 0 , p t r , s a m p l e s P e r C h a n n e l , c h ) ;
c o n s o l e . d e b u g ( ' [ p r o j e c t M e x t e r n a l P C M ] f e d c h u n k ' , {
c h a n n e l s : c h ,
s a m p l e s P e r C h a n n e l ,
t o t a l S a m p l e s : b u f f e r . l e n g t h ,
s a m p l e R a t e
} ) ;
} f i n a l l y {
i f ( ! u s e d P r e a l l o c & & p t r & & M o d u l e . _ f r e e ) {
M o d u l e . _ f r e e ( p t r ) ;
}
}
}
f u n c t i o n f l u s h Q u e u e d E x t e r n a l P C M ( ) {
i f ( ! m o d u l e C a n A c c e p t E x t e r n a l P C M ( ) | | p e n d i n g E x t e r n a l P C M . l e n g t h = = = 0 ) r e t u r n ;
w h i l e ( p e n d i n g E x t e r n a l P C M . l e n g t h ) {
c o n s t n e x t = p e n d i n g E x t e r n a l P C M . s h i f t ( ) ;
f e e d P C M T o M o d u l e ( n e x t . b u f f e r , n e x t . c h a n n e l s , n e x t . s a m p l e R a t e ) ;
}
}
f u n c t i o n i s T r u s t e d E x t e r n a l P c m O r i g i n ( o r i g i n ) {
t r y {
c o n s t r a w = l o c a l S t o r a g e . g e t I t e m ( ' e x t e r n a l P c m A l l o w e d O r i g i n s ' ) | | ' ' ;
c o n s t a l l o w e d O r i g i n s = r a w . s p l i t ( ' , ' ) . m a p ( ( s ) = > s . t r i m ( ) ) . f i l t e r ( B o o l e a n ) ;
i f ( a l l o w e d O r i g i n s . l e n g t h > 0 ) {
r e t u r n a l l o w e d O r i g i n s . i n c l u d e s ( o r i g i n ) ;
}
r e t u r n D E F A U L T _ E X T E R N A L _ P C M _ O R I G I N S . h a s ( o r i g i n ) ;
} c a t c h ( _ ) {
c o n s o l e . d e b u g ( ' [ p r o j e c t M e x t e r n a l P C M ] l o c a l S t o r a g e u n a v a i l a b l e ; u s i n g d e f a u l t o r i g i n a l l o w l i s t ' ) ;
r e t u r n D E F A U L T _ E X T E R N A L _ P C M _ O R I G I N S . h a s ( o r i g i n ) ;
}
}
f u n c t i o n s e t u p E x t e r n a l A u d i o R e c e i v e r ( ) {
w i n d o w . a d d E v e n t L i s t e n e r ( ' m e s s a g e ' , ( e v e n t ) = > {
i f ( ! i s T r u s t e d E x t e r n a l P c m O r i g i n ( e v e n t . o r i g i n ) ) {
c o n s o l e . d e b u g ( ' [ p r o j e c t M e x t e r n a l P C M ] i g n o r e d u n t r u s t e d o r i g i n : ' , e v e n t . o r i g i n ) ;
r e t u r n ;
}
c o n s t d = e v e n t . d a t a ;
i f ( d & & d . t y p e = = = ' p c m ' & & d . b u f f e r i n s t a n c e o f F l o a t 3 2 A r r a y ) {
f e e d P C M T o M o d u l e ( d . b u f f e r , d . c h a n n e l s , d . s a m p l e R a t e ) ;
}
} ) ;
i f ( ! e x t e r n a l A u d i o C h a n n e l ) {
t r y {
e x t e r n a l A u d i o C h a n n e l = n e w B r o a d c a s t C h a n n e l ( A U D I O _ C H A N N E L _ N A M E ) ;
e x t e r n a l A u d i o C h a n n e l . o n m e s s a g e = ( e ) = > {
c o n s t d = e . d a t a ;
i f ( d & & d . t y p e = = = ' p c m ' & & d . b u f f e r i n s t a n c e o f F l o a t 3 2 A r r a y ) {
f e e d P C M T o M o d u l e ( d . b u f f e r , d . c h a n n e l s , d . s a m p l e R a t e ) ;
}
} ;
} c a t c h ( e ) {
c o n s o l e . d e b u g ( ' [ p r o j e c t M e x t e r n a l P C M ] B r o a d c a s t C h a n n e l u n a v a i l a b l e : ' , e ) ;
}
}
}
s e t u p E x t e r n a l A u d i o R e c e i v e r ( ) ;
c o n s t e x t e r n a l P c m F l u s h I n t e r v a l = s e t I n t e r v a l ( f l u s h Q u e u e d E x t e r n a l P C M , 1 0 0 ) ;
w i n d o w . a d d E v e n t L i s t e n e r ( ' b e f o r e u n l o a d ' , ( ) = > {
c l e a r I n t e r v a l ( e x t e r n a l P c m F l u s h I n t e r v a l ) ;
i f ( e x t e r n a l A u d i o C h a n n e l ) {
e x t e r n a l A u d i o C h a n n e l . c l o s e ( ) ;
e x t e r n a l A u d i o C h a n n e l = n u l l ;
}
i f ( p c m T r a n s f e r P t r & & M o d u l e & & M o d u l e . _ f r e e ) {
M o d u l e . _ f r e e ( p c m T r a n s f e r P t r ) ;
p c m T r a n s f e r P t r = 0 ;
}
} ) ;
/ / = = = = = D R A G G A B L E K N O B = = = = =
c o n s t k n o b = d o c u m e n t . g e t E l e m e n t B y I d ( ' k n o b ' ) ;
c o n s t p a n e l C o n t a i n e r = d o c u m e n t . g e t E l e m e n t B y I d ( ' p a n e l - c o n t a i n e r ' ) ;
l e t r o t = 0 , d r a g g i n g = f a l s e , s t a r t A n g = 0 ;
f u n c t i o n a n g l e ( e ) {
c o n s t r = k n o b . g e t B o u n d i n g C l i e n t R e c t ( ) ;
c o n s t c x = r . l e f t + r . w i d t h / 2 ;
c o n s t c y = r . t o p + r . h e i g h t / 2 ;
r e t u r n M a t h . a t a n 2 ( e . c l i e n t Y - c y , e . c l i e n t X - c x ) * 1 8 0 / M a t h . P I ;
}
f u n c t i o n a p p l y K n o b R o t a t i o n ( d e g ) {
k n o b . s t y l e . t r a n s f o r m = ` t r a n s l a t e ( - 5 0 % , - 5 0 % ) r o t a t e ( $ { d e g } d e g ) ` ;
c o n s t h u e = ( ( d e g % 3 6 0 ) + 3 6 0 ) % 3 6 0 ;
p a n e l C o n t a i n e r . s t y l e . f i l t e r = ` d r o p - s h a d o w ( 0 0 1 8 p x h s l a ( $ { h u e } , 5 5 % , 5 0 % , 0 . 4 2 ) ) ` ;
}
k n o b . a d d E v e n t L i s t e n e r ( ' m o u s e d o w n ' , e = > { d r a g g i n g = t r u e ; s t a r t A n g = a n g l e ( e ) - r o t ; } ) ;
d o c u m e n t . a d d E v e n t L i s t e n e r ( ' m o u s e m o v e ' , e = > { i f ( d r a g g i n g ) { r o t = a n g l e ( e ) - s t a r t A n g ; a p p l y K n o b R o t a t i o n ( r o t ) ; } } ) ;
d o c u m e n t . a d d E v e n t L i s t e n e r ( ' m o u s e u p ' , ( ) = > d r a g g i n g = f a l s e ) ;
k n o b . a d d E v e n t L i s t e n e r ( ' t o u c h s t a r t ' , e = > { d r a g g i n g = t r u e ; s t a r t A n g = a n g l e ( e . t o u c h e s [ 0 ] ) - r o t ; } ) ;
d o c u m e n t . a d d E v e n t L i s t e n e r ( ' t o u c h m o v e ' , e = > { i f ( d r a g g i n g ) { r o t = a n g l e ( e . t o u c h e s [ 0 ] ) - s t a r t A n g ; a p p l y K n o b R o t a t i o n ( r o t ) ; } } ) ;
d o c u m e n t . a d d E v e n t L i s t e n e r ( ' t o u c h e n d ' , ( ) = > d r a g g i n g = f a l s e ) ;
/ / = = = = = B U T T O N P U L S E = = = = =
f u n c t i o n p u l s e B u t t o n ( b t n ) {
i f ( p r e f e r s R e d u c e d M o t i o n ) r e t u r n ;
b t n . c l a s s L i s t . r e m o v e ( ' p u l s e ' ) ;
v o i d b t n . o f f s e t W i d t h ;
b t n . c l a s s L i s t . a d d ( ' p u l s e ' ) ;
s e t T i m e o u t ( ( ) = > b t n . c l a s s L i s t . r e m o v e ( ' p u l s e ' ) , 4 2 0 ) ;
}
d o c u m e n t . q u e r y S e l e c t o r A l l ( ' . c l i c k a b l e - b u t t o n ' ) . f o r E a c h ( b t n = > {
b t n . a d d E v e n t L i s t e n e r ( ' c l i c k ' , e = > p u l s e B u t t o n ( e . c u r r e n t T a r g e t ) ) ;
} ) ;
/ / = = = = = P A N E L S H O W / H I D E = = = = =
f u n c t i o n h i d e P a n e l ( ) {
p a n e l C o n t a i n e r . s t y l e . t r a n s i t i o n = ' a l l 0 . 3 s e a s e ' ;
p a n e l C o n t a i n e r . s t y l e . o p a c i t y = ' 0 ' ;
s e t T i m e o u t ( ( ) = > {
p a n e l C o n t a i n e r . s t y l e . d i s p l a y = ' n o n e ' ;
d o c u m e n t . g e t E l e m e n t B y I d ( ' s h o w - b t n ' ) . c l a s s L i s t . r e m o v e ( ' h i d d e n ' ) ;
d o c u m e n t . g e t E l e m e n t B y I d ( ' l o g o - l e f t ' ) . s t y l e . o p a c i t y = ' 0 ' ;
d o c u m e n t . g e t E l e m e n t B y I d ( ' l o g o - r i g h t ' ) . s t y l e . o p a c i t y = ' 0 ' ;
d o c u m e n t . g e t E l e m e n t B y I d ( ' p r e s e t - n a m e ' ) . s t y l e . o p a c i t y = ' 0 ' ;
d o c u m e n t . g e t E l e m e n t B y I d ( ' a u d i o - p l a y e r - s t a t u s ' ) . s t y l e . o p a c i t y = ' 0 ' ;
} , 2 8 0 ) ;
}
f u n c t i o n s h o w P a n e l ( ) {
p a n e l C o n t a i n e r . s t y l e . d i s p l a y = ' b l o c k ' ;
p a n e l C o n t a i n e r . s t y l e . o p a c i t y = ' 0 ' ;
s e t T i m e o u t ( ( ) = > {
p a n e l C o n t a i n e r . s t y l e . t r a n s i t i o n = ' a l l 0 . 3 s e a s e ' ;
p a n e l C o n t a i n e r . s t y l e . o p a c i t y = ' 1 ' ;
d o c u m e n t . g e t E l e m e n t B y I d ( ' l o g o - l e f t ' ) . s t y l e . o p a c i t y = ' 1 ' ;
d o c u m e n t . g e t E l e m e n t B y I d ( ' l o g o - r i g h t ' ) . s t y l e . o p a c i t y = ' 1 ' ;
d o c u m e n t . g e t E l e m e n t B y I d ( ' p r e s e t - n a m e ' ) . s t y l e . o p a c i t y = ' 1 ' ;
d o c u m e n t . g e t E l e m e n t B y I d ( ' a u d i o - p l a y e r - s t a t u s ' ) . s t y l e . o p a c i t y = ' 1 ' ;
} , 1 0 ) ;
d o c u m e n t . g e t E l e m e n t B y I d ( ' s h o w - b t n ' ) . c l a s s L i s t . a d d ( ' h i d d e n ' ) ;
}
w i n d o w . h i d e P a n e l = h i d e P a n e l ;
w i n d o w . s h o w P a n e l = s h o w P a n e l ;
/ / = = = = = B E A T L E D = = = = =
c o n s t b e a t L e d = d o c u m e n t . q u e r y S e l e c t o r ( ' . l e d - - b e a t ' ) ;
i f ( ! p r e f e r s R e d u c e d M o t i o n ) s e t I n t e r v a l ( ( ) = > b e a t L e d . c l a s s L i s t . t o g g l e ( ' o n ' ) , 5 0 0 ) ;
/ / = = = = = I D L E K N O B W O B B L E = = = = =
i f ( ! p r e f e r s R e d u c e d M o t i o n ) {
s e t T i m e o u t ( ( ) = > {
k n o b . s t y l e . t r a n s i t i o n = ' t r a n s f o r m 1 . 5 s c u b i c - b e z i e r ( 0 . 3 4 , 1 . 5 6 , 0 . 6 4 , 1 ) ' ;
k n o b . s t y l e . t r a n s f o r m = ` t r a n s l a t e ( - 5 0 % , - 5 0 % ) r o t a t e ( $ { M a t h . r a n d o m ( ) * 2 5 - 1 2 } d e g ) ` ;
} , 1 2 0 0 ) ;
}
/ / = = = = = P R E S E T D I S P L A Y = = = = =
w i n d o w . u p d a t e P r e s e t D i s p l a y = f u n c t i o n ( n a m e ) {
i f ( ! n a m e ) r e t u r n ;
c o n s t b a s e n a m e = n a m e . s p l i t ( ' / ' ) . p o p ( ) ;
c o n s t e l = d o c u m e n t . q u e r y S e l e c t o r ( ' # p r e s e t - n a m e ' ) ;
i f ( e l ) { e l . t e x t C o n t e n t = ' P r e s e t : ' + b a s e n a m e ; w i n d o w . c u r r e n t P r e s e t N a m e = b a s e n a m e ; }
} ;
/ / = = = = = A P I P R E S E T H E L P E R S = = = = =
f u n c t i o n g e t P r e s e t D i r ( ) {
c o n s t e l = d o c u m e n t . g e t E l e m e n t B y I d ( ' p r e s e t D i r ' ) ;
r e t u r n ( e l & & e l . i n n e r H T M L . t r i m ( ) ! = = ' d e f a u l t ' ) ? e l . i n n e r H T M L . t r i m ( ) : ' a n y ' ;
}
c o n s t P R E S E T _ A P I _ B A S E S = [
' h t t p s : / / s t o r a g e . n o a h c o h n . c o m ' ,
' h t t p s : / / s t o r a g e . 1 i n k . u s '
] ;
f u n c t i o n g e t P r e s e t A p i B a s e s ( p r e f e r r e d ) {
c o n s t f r o m S t o r a g e = l o c a l S t o r a g e . g e t I t e m ( ' a p i B a s e ' ) ;
c o n s t o r d e r e d = [ p r e f e r r e d , f r o m S t o r a g e , . . . P R E S E T _ A P I _ B A S E S ] . f i l t e r ( B o o l e a n ) ;
r e t u r n [ . . . n e w S e t ( o r d e r e d ) ] ;
}
a s y n c f u n c t i o n f e t c h A p i P r e s e t ( a p i B a s e ) {
c o n s t d i r = g e t P r e s e t D i r ( ) ;
c o n s t b a s e s = g e t P r e s e t A p i B a s e s ( a p i B a s e ) ;
l e t l a s t E r r o r = n u l l ;
f o r ( c o n s t b a s e o f b a s e s ) {
t r y {
c o n s t r e s = a w a i t f e t c h ( ` $ { b a s e } / a p i / p r e s e t s / r a n d o m ? d i r = $ { e n c o d e U R I C o m p o n e n t ( d i r ) } ` ) ;
i f ( ! r e s . o k ) t h r o w n e w E r r o r ( ` A P I e r r o r $ { r e s . s t a t u s } f r o m $ { b a s e } ` ) ;
c o n s t d a t a = a w a i t r e s . j s o n ( ) ;
i f ( ! d a t a . u r l | | ! d a t a . f i l e n a m e ) t h r o w n e w E r r o r ( ` I n v a l i d A P I r e s p o n s e f r o m $ { b a s e } ` ) ;
c o n s t m i l k R e s = a w a i t f e t c h ( d a t a . u r l ) ;
i f ( ! m i l k R e s . o k ) t h r o w n e w E r r o r ( ` F a i l e d t o f e t c h p r e s e t m i l k f r o m $ { d a t a . u r l } ` ) ;
c o n s t b u f f e r = a w a i t m i l k R e s . a r r a y B u f f e r ( ) ;
c o n s t b y t e s = n e w U i n t 8 C l a m p e d A r r a y ( b u f f e r ) ;
c o n s t s a f e N a m e = d a t a . f i l e n a m e . r e p l a c e ( / [ ^ a - z A - Z 0 - 9 . _ - ] / g , ' _ ' ) ;
c o n s t v f s P a t h = ` / p r e s e t s / a p i _ $ { d a t a . d i r | | ' a n y ' } _ $ { s a f e N a m e } ` ;
i f ( M o d u l e . F S ) M o d u l e . F S . w r i t e F i l e ( v f s P a t h , b y t e s ) ;
r e t u r n { v f s P a t h , f i l e n a m e : d a t a . f i l e n a m e , d i r : d a t a . d i r } ;
} c a t c h ( e r r o r ) {
l a s t E r r o r = e r r o r ;
c o n s o l e . w a r n ( ' [ P r o j e c t M ] p r e s e t A P I a t t e m p t f a i l e d : ' , b a s e , e r r o r ) ;
}
}
t h r o w l a s t E r r o r | | n e w E r r o r ( ' N o p r e s e t A P I b a s e a v a i l a b l e ' ) ;
}
a s y n c f u n c t i o n l o a d S t a r t u p A p i P r e s e t s ( c o u n t = 5 ) {
c o n s t a p i B a s e = l o c a l S t o r a g e . g e t I t e m ( ' a p i B a s e ' ) | | P R E S E T _ A P I _ B A S E S [ 0 ] ;
c o n s t r e s u l t s = [ ] ;
f o r ( l e t i = 0 ; i < c o u n t ; i + + ) {
t r y {
c o n s t r = a w a i t f e t c h A p i P r e s e t ( a p i B a s e ) ;
r e s u l t s . p u s h ( r ) ;
i f ( i = = = 0 ) w i n d o w . u p d a t e P r e s e t D i s p l a y ( r . f i l e n a m e ) ;
} c a t c h ( e ) { }
}
r e t u r n r e s u l t s ;
}
a s y n c f u n c t i o n l o a d R a n d o m A p i P r e s e t ( ) {
i f ( ! M o d u l e | | ! M o d u l e . c c a l l ) r e t u r n ;
t r y {
c o n s t r e s u l t = a w a i t f e t c h A p i P r e s e t ( ) ;
M o d u l e . c c a l l ( ' l o a d _ p r e s e t _ f i l e ' , n u l l , [ ' s t r i n g ' ] , [ r e s u l t . v f s P a t h ] ) ;
w i n d o w . u p d a t e P r e s e t D i s p l a y ( r e s u l t . f i l e n a m e ) ;
} c a t c h ( e ) { c o n s o l e . e r r o r ( e ) ; }
}
/ / = = = = = B U T T O N H A N D L E R S = = = = =
f u n c t i o n s t a r t C h a n g e S o n g ( ) { c o n s o l e . l o g ( ' [ B 3 H D ] S t a r t / C h a n g e S o n g ' ) ; }
f u n c t i o n r a n d o m P r e s e t ( ) { l o a d R a n d o m A p i P r e s e t ( ) ; }
f u n c t i o n r a n d o m C u s t o m ( ) { l o a d R a n d o m A p i P r e s e t ( ) ; }
c o n s t A U D I O _ P L A Y E R _ S O U R C E S = [
{ i d : ' n o n e ' , l a b e l : ' A u d i o P l a y e r ' } ,
{ i d : ' f l a c ' , l a b e l : ' F L A C P l a y e r ' , s e c t i o n I d : ' f l a c P l a y e r S e c t i o n ' } ,
{ i d : ' m o d ' , l a b e l : ' M O D P l a y e r ' , s e c t i o n I d : ' m o d P l a y e r S e c t i o n ' }
] ;
l e t a c t i v e A u d i o S o u r c e I n d e x = 0 ;
f u n c t i o n u p d a t e A u d i o P l a y e r U i ( s o u r c e ) {
c o n s t s t a t u s = d o c u m e n t . g e t E l e m e n t B y I d ( ' a u d i o - p l a y e r - s t a t u s ' ) ;
c o n s t b t n = d o c u m e n t . g e t E l e m e n t B y I d ( ' a u d i o P l a y e r B t n ' ) ;
i f ( s t a t u s ) {
s t a t u s . t e x t C o n t e n t = s o u r c e . i d = = = ' n o n e ' ? ' A u d i o P l a y e r ' : ` A u d i o : $ { s o u r c e . l a b e l } ` ;
}
i f ( b t n ) {
b t n . c l a s s L i s t . t o g g l e ( ' e n g a g e d ' , s o u r c e . i d ! = = ' n o n e ' ) ;
b t n . t i t l e = s o u r c e . i d = = = ' n o n e '
? ' A u d i o P l a y e r c l i c k t o o p e n F L A C , M O D , o r h i d e '
: ` $ { s o u r c e . l a b e l } a c t i v e c l i c k t o s w i t c h o r h i d e ` ;
}
}
f u n c t i o n h i d e A l l A u d i o P l a y e r s ( ) {
d o c u m e n t . q u e r y S e l e c t o r A l l ( ' . e x t - p l a y e r - s e c t i o n ' ) . f o r E a c h ( ( s e c t i o n ) = > {
s e c t i o n . s t y l e . d i s p l a y = ' n o n e ' ;
} ) ;
}
f u n c t i o n s h o w A u d i o P l a y e r ( s o u r c e I d ) {
c o n s t s o u r c e = A U D I O _ P L A Y E R _ S O U R C E S . f i n d ( ( e n t r y ) = > e n t r y . i d = = = s o u r c e I d ) | | A U D I O _ P L A Y E R _ S O U R C E S [ 0 ] ;
a c t i v e A u d i o S o u r c e I n d e x = A U D I O _ P L A Y E R _ S O U R C E S . f i n d I n d e x ( ( e n t r y ) = > e n t r y . i d = = = s o u r c e . i d ) ;
h i d e A l l A u d i o P l a y e r s ( ) ;
i f ( s o u r c e . s e c t i o n I d ) {
c o n s t s e c t i o n = d o c u m e n t . g e t E l e m e n t B y I d ( s o u r c e . s e c t i o n I d ) ;
i f ( s e c t i o n ) s e c t i o n . s t y l e . d i s p l a y = ' b l o c k ' ;
c o n s o l e . i n f o ( ' [ p r o j e c t M e x t e r n a l P C M ] C h i l d i f r a m e / p o p u p s h o u l d p o s t M e s s a g e ( { t y p e : " p c m " , b u f f e r : F l o a t 3 2 A r r a y , c h a n n e l s : 1 | 2 , s a m p l e R a t e ? } , " * " ) t o t h i s p a g e ' ) ;
}
u p d a t e A u d i o P l a y e r U i ( s o u r c e ) ;
}
f u n c t i o n c y c l e A u d i o P l a y e r ( ) {
a c t i v e A u d i o S o u r c e I n d e x = ( a c t i v e A u d i o S o u r c e I n d e x + 1 ) % A U D I O _ P L A Y E R _ S O U R C E S . l e n g t h ;
s h o w A u d i o P l a y e r ( A U D I O _ P L A Y E R _ S O U R C E S [ a c t i v e A u d i o S o u r c e I n d e x ] . i d ) ;
}
f u n c t i o n c l o s e A u d i o P l a y e r ( ) {
a c t i v e A u d i o S o u r c e I n d e x = 0 ;
s h o w A u d i o P l a y e r ( ' n o n e ' ) ;
}
f u n c t i o n f u l l W i n d o w ( ) {
i s B e z e l M o d e = ! i s B e z e l M o d e ;
c o n s t b e z e l B t n = d o c u m e n t . g e t E l e m e n t B y I d ( ' t o g g l e B e z e l B t n ' ) ;
i f ( b e z e l B t n ) b e z e l B t n . c l a s s L i s t . t o g g l e ( ' e n g a g e d ' , i s B e z e l M o d e ) ;
i f ( ! i s B e z e l M o d e & & d o c u m e n t . f u l l s c r e e n E l e m e n t ) {
d o c u m e n t . e x i t F u l l s c r e e n ( ) . c a t c h ( ( ) = > { } ) ;
}
u p d a t e L a y o u t ( ) ;
s y n c M o d u l e S i z e ( ) ;
i f ( i s B e z e l M o d e ) d r a w B e z e l ( ) ;
}
f u n c t i o n l o c k P r e s e t ( ) {
i s P r e s e t L o c k e d = ! i s P r e s e t L o c k e d ;
c o n s t b t n = d o c u m e n t . g e t E l e m e n t B y I d ( ' l o c k P r e s e t B t n ' ) ;
d o c u m e n t . b o d y . c l a s s L i s t . t o g g l e ( ' h a s - l o c k ' , i s P r e s e t L o c k e d ) ;
b t n . c l a s s L i s t . t o g g l e ( ' e n g a g e d ' , i s P r e s e t L o c k e d ) ;
i f ( M o d u l e & & M o d u l e . c c a l l ) M o d u l e . c c a l l ( ' s e t _ p r e s e t _ l o c k e d ' , n u l l , [ ' n u m b e r ' ] , [ i s P r e s e t L o c k e d ? 1 : 0 ] ) ;
}
f u n c t i o n t o g g l e F u l l s c r e e n ( ) {
i s B e z e l M o d e = f a l s e ;
u p d a t e L a y o u t ( ) ;
s y n c M o d u l e S i z e ( ) ;
i f ( ! d o c u m e n t . f u l l s c r e e n E l e m e n t ) {
d o c u m e n t . d o c u m e n t E l e m e n t . r e q u e s t F u l l s c r e e n ( ) . c a t c h ( ( ) = > { } ) ;
} e l s e {
d o c u m e n t . e x i t F u l l s c r e e n ( ) . c a t c h ( ( ) = > { } ) ;
}
}
w i n d o w . l o c k P r e s e t = l o c k P r e s e t ;
w i n d o w . s t a r t C h a n g e S o n g = s t a r t C h a n g e S o n g ;
w i n d o w . r a n d o m P r e s e t = r a n d o m P r e s e t ;
w i n d o w . r a n d o m C u s t o m = r a n d o m C u s t o m ;
w i n d o w . c y c l e A u d i o P l a y e r = c y c l e A u d i o P l a y e r ;
w i n d o w . c l o s e A u d i o P l a y e r = c l o s e A u d i o P l a y e r ;
w i n d o w . f l a c P l a y e r = ( ) = > s h o w A u d i o P l a y e r ( ' f l a c ' ) ;
w i n d o w . m o d P l a y e r = ( ) = > s h o w A u d i o P l a y e r ( ' m o d ' ) ;
w i n d o w . f u l l W i n d o w = f u l l W i n d o w ;
w i n d o w . t o g g l e F u l l s c r e e n = t o g g l e F u l l s c r e e n ;
/ / = = = = = L A Y O U T = = = = =
f u n c t i o n u p d a t e L a y o u t ( ) {
c o n s t m c a n v a s = d o c u m e n t . q u e r y S e l e c t o r ( ' # m c a n v a s ' ) ;
c o n s t s c a n v a s = d o c u m e n t . q u e r y S e l e c t o r ( ' # s c a n v a s ' ) ;
c o n s t c o n t a i n 1 = d o c u m e n t . q u e r y S e l e c t o r ( ' # c o n t a i n 1 ' ) ;
c o n s t c i r c l e = d o c u m e n t . q u e r y S e l e c t o r ( ' # c i r c l e ' ) ;
c o n s t g l = d o c u m e n t . q u e r y S e l e c t o r ( ' # g l ' ) ;
c o n s t b e z e l B t n = d o c u m e n t . g e t E l e m e n t B y I d ( ' t o g g l e B e z e l B t n ' ) ;
i f ( b e z e l B t n ) b e z e l B t n . c l a s s L i s t . t o g g l e ( ' e n g a g e d ' , i s B e z e l M o d e ) ;
i f ( i s B e z e l M o d e ) {
c o n s t s z = w i n d o w . i n n e r H e i g h t ;
i f ( c o n t a i n 1 ) {
c o n t a i n 1 . s t y l e . w i d t h = s z + ' p x ' ;
c o n t a i n 1 . s t y l e . h e i g h t = s z + ' p x ' ;
c o n t a i n 1 . s t y l e . l e f t = ` c a l c ( 5 0 v w - $ { s z / 2 } p x ) ` ;
c o n t a i n 1 . s t y l e . t o p = ` c a l c ( 5 0 v h - $ { s z / 2 } p x ) ` ;
c o n t a i n 1 . s t y l e . p o s i t i o n = ' a b s o l u t e ' ;
}
i f ( c i r c l e ) c i r c l e . s t y l e . d i s p l a y = ' b l o c k ' ;
i f ( g l ) g l . s t y l e . d i s p l a y = ' b l o c k ' ;
d r a w B e z e l ( ) ;
} e l s e {
i f ( g l ) g l . s t y l e . d i s p l a y = ' n o n e ' ;
i f ( c o n t a i n 1 ) {
c o n t a i n 1 . s t y l e . w i d t h = ' 1 0 0 v w ' ;
c o n t a i n 1 . s t y l e . h e i g h t = ' 1 0 0 v h ' ;
c o n t a i n 1 . s t y l e . l e f t = ' 0 ' ;
c o n t a i n 1 . s t y l e . t o p = ' 0 ' ;
c o n t a i n 1 . s t y l e . p o s i t i o n = ' f i x e d ' ;
}
i f ( c i r c l e ) c i r c l e . s t y l e . d i s p l a y = ' n o n e ' ;
}
}
f u n c t i o n s y n c M o d u l e S i z e ( ) {
c o n s t c o n t a i n 1 = d o c u m e n t . q u e r y S e l e c t o r ( ' # c o n t a i n 1 ' ) ;
c o n s t m c a n v a s = d o c u m e n t . q u e r y S e l e c t o r ( ' # m c a n v a s ' ) ;
c o n s t s c a n v a s = d o c u m e n t . q u e r y S e l e c t o r ( ' # s c a n v a s ' ) ;
i f ( ! c o n t a i n 1 | | ! m c a n v a s | | ! s c a n v a s | | ! M o d u l e ) r e t u r n ;
c o n s t r e c t = c o n t a i n 1 . g e t B o u n d i n g C l i e n t R e c t ( ) ;
c o n s t d p r = w i n d o w . d e v i c e P i x e l R a t i o | | 1 ;
c o n s t w = M a t h . m a x ( 1 , M a t h . r o u n d ( r e c t . w i d t h * d p r ) ) ;
c o n s t h = M a t h . m a x ( 1 , M a t h . r o u n d ( r e c t . h e i g h t * d p r ) ) ;
m c a n v a s . w i d t h = w ; m c a n v a s . h e i g h t = h ;
s c a n v a s . w i d t h = w ; s c a n v a s . h e i g h t = h ;
m c a n v a s . s t y l e . w i d t h = r e c t . w i d t h + ' p x ' ;
m c a n v a s . s t y l e . h e i g h t = r e c t . h e i g h t + ' p x ' ;
s c a n v a s . s t y l e . w i d t h = r e c t . w i d t h + ' p x ' ;
s c a n v a s . s t y l e . h e i g h t = r e c t . h e i g h t + ' p x ' ;
i f ( M o d u l e . _ s e t _ w i n d o w _ s i z e ) M o d u l e . _ s e t _ w i n d o w _ s i z e ( w , h ) ;
i f ( M o d u l e . _ s e t _ a s p e c t _ c o r r e c t i o n ) M o d u l e . _ s e t _ a s p e c t _ c o r r e c t i o n ( i s B e z e l M o d e ) ;
}
c o n s t r e s i z e O b s e r v e r = n e w R e s i z e O b s e r v e r ( ( ) = > {
u p d a t e L a y o u t ( ) ;
s y n c M o d u l e S i z e ( ) ;
} ) ;
c o n s t c o n t a i n 1 E l = d o c u m e n t . q u e r y S e l e c t o r ( ' # c o n t a i n 1 ' ) ;
i f ( c o n t a i n 1 E l ) r e s i z e O b s e r v e r . o b s e r v e ( c o n t a i n 1 E l ) ;
w i n d o w . a d d E v e n t L i s t e n e r ( ' r e s i z e ' , ( ) = > { u p d a t e L a y o u t ( ) ; s y n c M o d u l e S i z e ( ) ; } ) ;
/ / = = = = = K E Y B O A R D = = = = =
d o c u m e n t . a d d E v e n t L i s t e n e r ( ' k e y d o w n ' , e = > {
i f ( e . k e y = = = ' ' | | e . k e y C o d e = = = 3 2 ) { e . p r e v e n t D e f a u l t ( ) ; d o c u m e n t . g e t E l e m e n t B y I d ( ' r a n d o m P r e s e t B t n ' ) . c l i c k ( ) ; }
i f ( e . k e y . t o L o w e r C a s e ( ) = = = ' l ' ) d o c u m e n t . g e t E l e m e n t B y I d ( ' l o c k P r e s e t B t n ' ) . c l i c k ( ) ;
i f ( e . k e y . t o L o w e r C a s e ( ) = = = ' h ' ) h i d e P a n e l ( ) ;
i f ( e . k e y . t o L o w e r C a s e ( ) = = = ' a ' ) c y c l e A u d i o P l a y e r ( ) ;
i f ( e . k e y = = = ' E s c a p e ' ) c l o s e A u d i o P l a y e r ( ) ;
} ) ;
/ / = = = = = I N I T I A L I Z A T I O N = = = = =
u p d a t e L a y o u t ( ) ;
f u n c t i o n l o a d S c r i p t ( s r c ) {
r e t u r n n e w P r o m i s e ( ( r e s o l v e , r e j e c t ) = > {
c o n s t s c r = d o c u m e n t . c r e a t e E l e m e n t ( ' s c r i p t ' ) ;
s c r . s r c = s r c ;
s c r . a s y n c = t r u e ;
s c r . c h a r s e t = ' u t f - 8 ' ;
s c r . o n l o a d = ( ) = > r e s o l v e ( ) ;
s c r . o n e r r o r = ( ) = > r e j e c t ( n e w E r r o r ( ` F a i l e d t o l o a d $ { s r c } ` ) ) ;
d o c u m e n t . b o d y . a p p e n d C h i l d ( s c r ) ;
} ) ;
}
s e t T i m e o u t ( ( ) = > { d o c u m e n t . g e t E l e m e n t B y I d ( ' s p l a s h 2 ' ) . s t y l e . d i s p l a y = ' n o n e ' ; } , 5 2 0 0 ) ;
s e t T i m e o u t ( ( ) = > { d o c u m e n t . g e t E l e m e n t B y I d ( ' s p l a s h 1 ' ) . s t y l e . d i s p l a y = ' n o n e ' ; } , 5 5 0 0 ) ;
s e t T i m e o u t ( ( ) = > {
c o n s t s c r = d o c u m e n t . c r e a t e E l e m e n t ( " s c r i p t " ) ;
s c r . a s y n c = t r u e ; s c r . c h a r s e t = ' u t f - 8 ' ; s c r . t y p e = ' t e x t / j a v a s c r i p t ' ; s c r . d e f e r = t r u e ;
s c r . s r c = " . / p r o j e c t m - v . 0 3 5 - t h r e a d . 1 i j s " ;
d o c u m e n t . b o d y . a p p e n d C h i l d ( s c r ) ;
a s y n c f u n c t i o n i n i t P r o j e c t M ( ) {
t r y {
a w a i t l o a d S c r i p t ( ' . / p r o j e c t m - v . 0 3 5 - t h r e a d . 1 i j s ' ) ;
M o d u l e = a w a i t c r e a t e M o d u l e ( ) ;
f l u s h Q u e u e d E x t e r n a l P C M ( ) ;
M o d u l e . _ i n i t ( ) ;
u p d a t e L a y o u t ( ) ;
s y n c M o d u l e S i z e ( ) ;
d o c u m e n t . g e t E l e m e n t B y I d ( ' s p l a s h 2 ' ) . s t y l e . d i s p l a y = ' n o n e ' ;
r e q u e s t A n i m a t i o n F r a m e ( ( ) = > {
d o c u m e n t . g e t E l e m e n t B y I d ( ' s p l a s h 1 ' ) . s t y l e . d i s p l a y = ' n o n e ' ;
} ) ;
c o n s t m c a n v a s = d o c u m e n t . q u e r y S e l e c t o r ( ' # m c a n v a s ' ) ;
M o d u l e . _ s t a r t _ r e n d e r ( m c a n v a s . w i d t h , m c a n v a s . h e i g h t ) ;
d o c u m e n t . g e t E l e m e n t B y I d ( ' m u s i c B t n ' ) . c l i c k ( ) ;
c o n s t s t a r t u p = a w a i t l o a d S t a r t u p A p i P r e s e t s ( 5 ) ;
i f ( s t a r t u p . l e n g t h > 0 ) {
M o d u l e . c c a l l ( ' l o a d _ p r e s e t _ f i l e ' , n u l l , [ ' s t r i n g ' ] , [ s t a r t u p [ 0 ] . v f s P a t h ] ) ;
w i n d o w . u p d a t e P r e s e t D i s p l a y ( s t a r t u p [ 0 ] . f i l e n a m e ) ;
f o r ( l e t i = 1 ; i < s t a r t u p . l e n g t h ; i + + ) {
M o d u l e . c c a l l ( ' a d d _ p r e s e t _ f i l e ' , n u l l , [ ' s t r i n g ' ] , [ s t a r t u p [ i ] . v f s P a t h ] ) ;
}
}
} c a t c h ( e r r ) {
c o n s o l e . e r r o r ( ' p r o j e c t M i n i t f a i l e d : ' , e r r ) ;
}
}
i n i t P r o j e c t M ( ) ;
} , 7 5 0 ) ;
< / s c r i p t >
< / b o d y >