I n te r n ati o n al   Jo u r n al   o El e c tr i c a l   an d   C o m p u te r   En gi n e e r i n g   (I JEC E )   V o l .   10 ,   N o .   3 J u n i   202 0 ,   pp .   2 773 ~ 2778   IS S N :   2088 - 8708 D O I :   10. 1 1591 / i j e c e . v 10 i 3 . pp2773 - 2778             2773       Jou r n al   h o m e pa ge ht t p: / / i j e c e . i ae s c or e . c om / i nd e x . php / IJ E CE   D e si g n   a n d   i m p l e m e n t   a   n e w   m e c h a n i sm   f o r   a u d i o ,   v i d e o   a n d   scr e e n   r e c o r d i n g   b a s e d   o n   W e b R T C   t e c h n o l o g y       N ak ta l   Ed an S an ab i l   A .   M ah m oo d   C o l l e g e   o f   C o m put e r s   S c i e nc e s   a nd  M a t h e m a t i c s ,   M o s ul   U n i v e r s i t y I r a q       A r ti c l e   I n fo     A B S TR A C T   Ar t i c l e   h i s t or y :   R e c e i v e d   M a 27 ,   2 019   R e v i s e N o v   27 ,   2019   A c c e pt e D e c   12 ,   2 019       M a ny   y e a r s   a go ,   F l a s w a s   e s s e nt i a l   i br o w s e r s   t o   i n t e r a c t   w i t t he   us e r   m e di a   de v i c e s ,   s uc a s   a   m i c r o pho ne   a n c a m e r a .   T o da y ,   W e R e a l - T i m e   C o m m uni c a t i o ( W e bR T C )   t e c hno l o gy   ha s   c o m e   t o   s ub s t i t ut e   t he   f l a s h ,     s o   br o w s e r s   do   no t   ne e t he   f l a s t o   a c c e s s   m e di a   de v i c e s   o r   e s t a bl i s t h e i r   c om m uni c a t i o n.   H o w e v e r ,   W e bR T C   s t a nda r ds   do   no t   e xpr e s s   p r e c i s e l y   ho w   br o w s e r s   c a n   r e c o r d   a ud i o s ,   v i de o s   o r   s c r e e i ns t e a o f   de s c r i bi ng  g e t U s e r M e di a   A P I   t ha t   e n a bl e s   a   br o w s e r   t o   a c c e s s   m i c r o pho ne   a n c a m e r a T he   p r i m e   o bj e c t i v e   o f   t h i s   r e s e a r c h   i s   t o   c r e a t e   n e w   W e bR T C   r e c o r di ng   m e c ha ni s m   t o   r e c o r a ud i o s ,   v i de o s ,   a n s c r e e u s i ng   G o og l e   C hr o m e F i r e f o x ,   a nd  O p e r a .   T hi s   e x pe r i m e nt   a pp l i e t hr o ug E t h e r ne t   a nd   W i r e l e s s   o f   t he   I nt e r n e t   a nd  4G   ne t w o r ks .   A l s o ,   t h e   r e c o r di ng   m e c ha ni s m   of   t hi s   r e s e a r c w a s   o bt a i ne d   ba s e d   o J a v a S c r i pt   L i b r a r y   f o r   a udi o ,   v i d e o ,   s c r e e n   ( 2D   a nd  3D   a n i m a t i o n)   r e c o r d i ng B e s i de s ,   d i f f e r e n t   a ud i o   a nd  v i de o   c o de c s   i C hr o m e ,   F i r e f o a nd   O pe r a   w e r e   ut i l i s e d ,   s uc a s   V P 8 ,   V P 9,   a n d   H 264   f o r   v i de o ,   a nd  O pus   c o de c   f o r   a udi o .   N o t   o nl y   but   a l s o ,   v a r i o us   b i t r a t e s   ( 100   by t e s   bps ,   K b ps ,   100  K b ps ,   M B   b ps ,   a nd  G B   bps ) ,   d i f f e r e n t   r e s o l ut i o ns   ( 108 0p,   7 20p ,   480 p,   a nd  H D   ( 38 40*  21 60) ) ,   a nd  v a r i o us   f r a m e - r a t e s   ( f ps )   5,   15,   24 ,   30  a n 60  w e r e   c o ns i de r e a n t e s t e d.   B e s i de s ,   a e v a l ua t i o of   r e c o r di ng   m e c ha ni s m ,   Q ua l i t y   o f   E xpe r i e nc e   ( Q o E )   t hr o ug a c t ua l   us e r s ,   r e s o ur c e s ,   s uc a s   C P U   pe r f o r m a nc e   w a s   a l s o   do ne .   I n   t hi s   pa pe r ,   a   no v e l   i m pl e m e n t a t i o n   w a s   a c c o m pl i s he d   o v e r   di f f e r e n t   ne t w o r ks ,   di f f e r e n t   br o w s e r s ,   v a r i o us   a u di o   a nd  v i d e o   c o de c s ,   m a n y   pe e r s ,   o pe ni ng   o n e   o r   m ul t i   br o w s e r s   at   t h e   s a m e   t i m e ,   k e e t he   s t r e a m i ng   a c t i v e   a s   m uc a s   t he   us e r   ne e d s s a v e   t he   r e c o r d,   us i ng   o nl y   a udi o   a nd/ o r   v i d e o   r e c o r di ng   a s   c o n f e r e nc i ng   w i t h   f ul l   s c r e e n,   e t c .   Ke y w or d s :   G e n e r a t i o n   ( 4G )   Int e rn e t   Q ua l i t y   of   e xpe r i e n c e   (Q o E )   W e b   r e a l - t i m e   c o m m u ni c a t i o n   (W e b R T C)   C opy r i gh t   ©   2020   I n s t i t ut e   o f   A dv anc e E ng i ne e r i ng   and   S c i e nc e   A l l   r i gh t s   r e s e r v e d .   Cor r e s pon di n g   Au t h or :   N a kt a l   E d a n ,   Co l l e ge   of   Co m put e r s   S c i e n c e s   a n d   M a t h e m a t i c s ,     M o s ul   U n i v e r s i t y ,   M o s ul ,   I r a q.   E m a i l :   e da nna kt a l @ gm a i l . c o m na kt a l . e da n@ uo m o s ul . e du. i q       1.   I N TR O D U C TI O N     W e b   Re a l - T i m e   Co m m u n i c a t i o n   (W e b R T C)  w a s   de v e l o p e by   T h e   I n t e rn e t   E n g i n e e r i ng  T a s F o r c e   (IE T F )   a n d   W o r l W i de   W e b   C o n s o r t i u m   (W 3C)   [1 - 5] W e b R T i s   a   n e w   s t a n da rd  a n a   c o l l e c t i o n   of  l i b ra r i e s   [6]   t h a t   s uppo r t s   i nt e r a c t i v e   c o m m u n i c a t i o n s   o f   vi de o   a n da t a   [7 - 10] .   A dd i t i o n a l l y it   p r o v i de s   m a n y   be n e f i t s   s uc h   a s   n o   f e e s ,   n o   l i c e n s e ,   n o   pl ug - i n s ,   n o   i n s t a l l a t i o n,   a n s o   o n   [11 - 13] .   I n   [14] ,   e m p ha s i s e t h a t   r e c o r di n g   h a s   c ha n ge t h e   e duc a t i o n   r o ut e   f o r   de l i v e ri n g   a nd  c o n s um i n g ,   B e s i de s ,   m a n y   A ppl i c a t i o n   P r o gra m m i n I nt e r f a c e   (A P Is h a v e   pr o v i de by   W e b R T t o   be   us e d   i n   t h e   s c r e e n   c a pt u r e   a n t h e   m e di a   r e c o r di n g ,   a l s o   a s   c l a r i f i e i n   t h e   c o rr e s po n di ng  W 3C  d ra f t s   t ha t   ha v e   i m pl e m e nt e i n   n e w   b r ow s e r s   [15] .   O n   t h e   o t h e r   ha n d ,   W e b R T l a c ks   h i g h - e n v i de o c o n fe r e n c i n g   t y pe s   l i ke   a   r e c o r di n g   o f   a   s e s s i o n   [16] F urt h e rm o r e ,   [14 ]   e xpo un de t h a t   W e b R T C   s t a n d a r ds   ha v e   n o t   r e a l i s e w h a t   i s   ha ppe n i ng  o n   de s kt o p   Evaluation Warning : The document was created with Spire.PDF for Python.
                                IS S N :   2088 - 8708   Int   J   E l e c   &   Co m E n g ,   V o l .   10 ,   N o .   3 J u ni   20 20   :     27 73   -   2 778   2774   c a pt u r e   (s c r e e n i n   a ddi t i o n   t o   t h e   r e c o r di n o f   a l l   m e di a   c ont e nt .   I n de e d,   W e b R T t e c h n o l o g y   i n v e s t i ga t e s   r e a s o n s   r e ga r d i n a l l   s u r f a c e s   i n   de m a n t o   a ppl y   w e b   a p pl i c a t i o n   f o r   s t r e a m i n a nd  r e c o r di ng  s uppo r t e d   f r o m   m i c r o p h o n e ,   c a m e r a ,   a n s c r e e n.   ( a T h e   e s s e n t i a l   o b j e c t i ve s   of   t h i s   r e s e a r c h   a r e   t o   de s i g n   a n t e s t   a   W e b R T r e c o r di n m e c h a ni s m   f o r   a udi o s ,   v i de o s ,   a n d   s c r e e n ,   (b )   a ppl y   t h e   c r e a t e m e c ha n i s m   v i a   E t h e rn e t   a nd  W i r e l e s s   of   t h e   Int e r n e t   a n 4G   n e t w o r ks ,   (c )   ut i l i s e v a r i o us   a ud i o   a n v i de o   c o d e c s ,   s uc h   a s   V P 8,   V P 9,   H 264  a n d   O pus   a ud i o   c o de c ,   (d)   di f f e r e n t   b i t ra t e s ,   s uc h   a s   (1  K b ps ,   100  K b ps ,   M b ps ,   a n G B w e r e   us e d,   (e )   a s s o r t m e nt   o f   r e s o l ut i o n s   s uc h   a s   (108 0p,   720 p,   48 0p,   a nd  H D   (3840*  2160))   w e r e   c o n s i de r e d,   (f )   v a r i o us   f r a m e - ra t e s   s uc h   a s   (5,   15 ,   24 ,   3 0   a nd  60 )   w e r e   t e s t e d,   a n ( g)   a n   e v a l ua t i o n   o f   r e c o r di n m e c h a ni s m ,   Q ua l i t y   of  E xpe r i e n c e   (Q o E t hr o ug h   a c t u a l   us e r s   a nd  CP U   pe r fo r m a n c e   w a s   a l s o   d o n e .   Co n s e que n t l y ,   a   n o v e l   i m pl e m e n t a t i o n   w a s   a c c o m pl i s h e o v e r   d i f fe r e nt   n e t w o r ks ,   d i f fe r e nt   b r o w s e r s ,   v a ri o us   a udi o   a n v i de o   c o d e c s ,   di ff e r e n t   pe e r s ,   o pe n i ng  o n e   o r   m u l t i   b r o w s e r s   a t   t h e   s a m e   t i m e ,   ke e t h e   s t r e a m i n e a c t i v e   a s   m uc h   a s   t h e   us e r   n e e ds ,   s a v e   t h e   r e c o r d,   a nd  us i n o nl y   a udi o   a n d / o r   v i de o   r e c o r di n a s   c o n fe r e n c i ng  w i t h   f ul l   s c r e e n .   T h e   o r ga ni z a t i o n   o f   t h i s   pr o j e c t   i s   a s   de s c r i b e s ;   S e c t i o n   2   t a l ks   a b o ut   t h e   s ur v e y   a n W e b R T r e c o r di n r e l a t e w o r k.   I s e c t i o n   3 a   p r e v i e w   of   t h e   m e t h o do l o g y   of   t h e   pa pe r   i s   e xpl a i n e d   w i t h   i m pl e m e n t a t i o n   a n a na l y s i s .   S e c t i o n   4   re l a t e s   t o   t h e   e v a l ua t i o n.   F i na l l y ,   Se c t i o n   5   is   t h e   c o n c l us i o a nd  f ut u r e   w o r k.       2.   R ELA TED   WO R K   In   [14 ,   16 - 19] ,   e xpl a i n e t ha t   m e d i a   c a pt u r e ,   m e di a   s c r e e n ,   a n d   m e di a   s t r e a m   r e c o r di ng  ha v e   c o n s i de r e a s   m a i W e bR T i s s ue s ;   e s pe c i a l l y   r e c o r di ng  A P h a s   n o t   i m pl e m e nt e y e t .   A ddi t i o n a l l y ,   r e c o r di n g   i n   t h e   b r o w s e r   m a y   b e   un a ut h o r i z e a s   l o n t h e   s e r v e r   i s   i t h e   m e d i a   p a t h .   H ow e ve r ,   i n   [20 ]   c l a i m e t ha t   a n   a ppl i c a t i o n   o f   s c r e e n   r e c o r di n w i t h   W e bR T o n   a n d r o i w a s   de s i gn e us i ng  ge t U s e r M e di a   A P I,   b ut   pra c t i c a l l y   t h e   a ut h o r   h a s   n o t   p r o v e o r   pr e s e n t e d   t h e   w o r k.   W ha t   i s   m o r e ,   i n   [21]   e xpe c t e t h a t   us i n M e di a R e c o r de r   A P c a n   s uppo rt   r e c o r di ng  i n   W e bRT C.   O n   t h e   o t h e r   h a nd,   i n   [ 22]   i l l us t ra t e t ha t   s e s s i o n   r e c o r di n g   i s   a   s i g n i f i c a nt   c h a l l e n ge   w h i l e   s t r e a m   m e c h a ni s m   h a s   n o t   p r o v i de by   W e bR T s t a nda r d   t o   ga t h e r   t h e   i n f o r m a t i o n   a nd  s t o r e   t h e m .   A c c o r di n gl y ,   i n   [18,   2 3]   e xpo unde t ha t   W e b R T n e e ds   s o m e   s o l ut i o n s   s uc h   as   r e c o r di n g   f un c t i o n a l i t y   t o   a l l ow   i n v o l ve m e n t   o f   de v i c e s   i n   l i m i t e n e t w o r e n v i r o nm e n t s a n o ff e r   a   W e bR T c o n f e r e n c i n p r o t o t y p e   t h a t   a s s i s t s   r e c o r di n o f   c o n ve r s a t i o n s .   B e s i de s ,   i n   [1 1]   c o n f i r m e t h a t   d u r i ng  t h e   t e s t ,   a   s c r e e r e c o r de i s   n e c e s s a r y   to   r e c o r t h e   da t a ,   s uc h   a s   v i de o   a n a ud i o ,   ob t a i n   us e f e e d b a c a n e v a l u a t e   t h e   qu a l i t y .       3.   M ET H O D O L O G Y ,   I M P LEM EN TA TI O N ,   A N D   A N A L Y S I S     3. 1 .     M e th o d o l o gy   M e t h o do l o g y   fo r   de s i g n i n g   a n d   t e s t i ng  t hi s   a p pl i c a t i o n ,   di f fe r e nt   L i b ra r i e s   f o r   a ud i o ,   v i de o ,   s c r e e n ,   c a n v a s   (2 nd   a n 3 rd   a n i m a t i o n)  w a s   us e fo r   t h e   i m pl e m e nt a t i o n   a nd  r e c o r di ng   t o   de s i gn i ng  a n t e s t   t hi s   a ppl i c a t i o n .   A l s o ,   J a v a S c ri pt   l a n gu a ge ,   a   t a s m a na ge r   t o   e v a l ua t e   a   CP U   pe r f o r m a n c e ,   a c c e s s   P o i n t -   N e t Co m m W i r e l e s s   t o   pr o v i de   4G ,   a n d   Ca m e r a s   a n d   M i c r o ph o n e s   w e r e   us e d F u r t h e r m o r e ,   G o o gl e   Chr o m e ,   O pe r a ,   a n F i r e f o x   w e r e   ut i l i s ed   a s   a   c l i e n t - s i de A ddi t i o na l l y ,   o n e   c o m put e r   c o nn e c t e t hr o ug h   ( E t h e rn e t   a n W i r e l e s s o f   t h e   I nt e rn e t   a n 4G   n e t w o r ks     3. 2 .     I m p l e m e n tati o n   In   t h i s   r e s e a r c h,   a   n e w   m e c h a n i s m   f o r   v i de o ,   a udi o ,   a nd  s c r e e n   r e c o r di n h a s   b e e n   de s i g n e   a n i m p l e m e n t e b a s e o R e c o r dR T l i b r a r y ,   M e di a R e c o r de r   A P I   a n d   W e bR T J a v a S c r i p t   c o de   fo r   a udi o s ,   v i de o s ,   s c r e e n   a n d   c a n v a s   (2 nd   +3 rd   a n i m a t i o n )   r e c o r di n g .   T hi s   a ppl i c a t i o n   h a s   di v i de i nt   t h e   f o l l ow i n g   p a rt s:     S e t up  t h e   m a i b r o w s e r   (I nde H T M L ).     U t i l i s e R e c o r dR T A P I .     U t i l i s e n o de . j s   s e r v e r   f o r   l o c a l h o s t   s e r v e r .     3. 2 . 1 .   S e t t i n u p   b r o w s e r   w e b   p ag e   T h e   f i r s t   s t e wi l l   n e e t o   g r a nt   us i ng  t h e   ge t U s e r M e di a   A P I   i n   o r de r   t o   a c c e s s   t h e   c a m e ra   a n d   m i c r o ph o n e .   S o ,   Re c o r dR T w i l l   be   a b l e   t s t a rt   t h e   v i de o   r e c o r di n g .   R e c o r dR T a n a d a pt e r   s c r i p t s   w e r e   n e e de t o   pr o v i de   c r o s s - b r ow s e r   fo r   s uppo r t i n g   ge t U s e r M e di a   a n o t h e r   b r o w s e r s   A P Is .   M o r e ov e r ,   di f fe r e nt   J a v a S c r i pt   m e t h o ds   w e r e   w r i t t e n   i n   o r de r   t o   b ui l t hi s   a p pl i c a t i o n   a s   s h o w i n g:   ( a )   S t a rt   r e c o r di ng,   S t o r e c o r di n g ,   a n d   P a us e   r e c o r di n g ,   (b )   I n i t i a l i s e   r e c o r di ng,   (c )   A udi o   a n d   v i de o   r e c o r di n i n   d i f f e r e n t   f o r m a t   s uc h   a s   G i f   a n W e b m ,   (d)   A u t o - s t o t h e   r e c o r di ng   a f t e m i n u t e s   (t o   r e s e t   a l l   t h e   r e c o r de da t a ),   (e )   S a v e   t h e   r e c o r di ng  i nt o   di s k,   (f R e c o r dR T C - Co n f i gu r a t i o n . j s ,   (g)   G e t R e c o r de r T y pe . j s ,   (h )   M R e c o r dR T C. j s   Evaluation Warning : The document was created with Spire.PDF for Python.
Int   J   E l e c   &   Co m E n g     IS S N :   2088 - 8708       D e s i gn   and   i m p l e m e nt   ne w   m e c han i s m   f or   au di o ,   v i d e o   an s c r e e n   r e c or di ng   …  ( Nak t al   E dan )   2775   ( t o   b r i ng  m ul t i p l e   r e c o r ds   i n   a   s i n g l e   pl a c e ),   (i )   M e di a S t r e a m R e c o r de r. j s ,   (j )   S t e r e o A udi oR e c o r de r . j s ,     (k)   Ca n v a s R e c o r de r. j s ,   (l )   D i s kS t o ra ge . j s ,   (m )   M ul t i S t r e a m R e c o r de r   ( t o   r e c o r m u l t i pl e   v i de o s   i n   s i n gl e   c o n t a i n e r ) ,   ( n )   A dd  e xt ra   m e di a - s t r e a m s   ( t o   e xi s t i n g   r e c o r di n gs ),   (o R e c o r dR T C. p r o m i s e s . j s ,   (p)   W e b A s s e m b l y Re c o r de r. j s ,   e t c .   It   s e t s   a   v i de o   w i dt h   t o   of fe r   m o r e   c l e a ra n c e   a s   w i dt =   64 a n d   h i g h   4 80,   a s   s h o w n   i F i g u r e   1.   W h e n   a n   i ni t i a t o r   o pe n e d   t h e   b r o w s e r ,   i t   w i l l   p r e s e n t   a ud i o   a n v i de o   M e di a S t r e a m , "   w hi c h   c a n   b e   ob t a i n e d   v i a   n a v i g a t o r. ge t U s e r M e di a   m e t h o to   c a pt u r e   s c r e e n.   O n c e   a c c e s s   t o   t h e   c a m e ra   a nd  m i c r o p h o n e ;   a   m e di a   w i l l   s t a rt   s t r e a m i n g   t h e   v i de o   a n d / o r   a ud i o   a n di s pl a y ,   a n d   t h e n   s a v i ng  t h e m   o di s k F i gu r e   s h o w s     t h e   ps e udo c o de   of   t h i s   e xpe ri m e n t .   T o   l e a v e   t h e   r o o m   o r   c h a n ge   t h e   s e t up  l i ke   r e s o l ut i o n,   b i t ra t e s ,   a nd  c o de c us e n e e ds   t o   c l o s e   o r   r e o pe n   t h e   w e b   pa ge .   A l s o ,   c a n   c o nt r o l   t h e   s t r e a m i n g   o f   t h e   c a m e r a   o r   m i c r o ph o n e m a x i m i z e   t h e   s c r e e n   o r   p a us e   a n y t i m e .           F i gu r e 1.   T h e   p r i m a r y   w e b   pa ge   us i n g   f i r e f o x                                                               F i gu r e   2 .   I m pl e m e nt a t i o ps e udo c o d e     1       S E T   R e c o rd RT A P I;   2       S E T   J a v a S c ri p t   M e t h o d s ;   3       S E T   N o d e . j s   S e r v e r ;   4       S E T   R1 =   A c c e s s   Ca m e ra   a n d   M i c r o p h o n e ;   5       S E T   S T =   S t a rt   S t r e a m i n g ;   6       S E T   P S =   P a u s e   S t r e a m i n g ;   7       G e M e d i a   S tr e a m ;   8       S W I TC H   S t a rt   Re c o r d i n g ;   9                 C A S E1 :   o p e n   a   n e w   p a g e ;   10      S T EP 1 :   i n t e r n a l   a c c e s s   d e v i c e s ;   11                              I F   RI  =   y e s ;   12                                               TH EN   o p e n   c a m e ra   a n d   m i c r o p h o n e ;   13                               EL S E   a s k   t o   a c c e s s   t h e   i n t e rn a l   d e v i c e s ;   14      S T EP 1 :   s t a rt   s t r e a m i n g ;   15                               IF   ST   =   y e s ;   16                                               TH EN   s t r e a m   m e d i a   a n d   s a v e   t o   d i s k ;   17                               EL S E   S T =   s t o p   s t r e a m i n g   a n d   p l a y   r e c o r d e d   m e d i a ;   18      S T EP 2 :   p a u s e   s t r e a m i n g ;   19                               I F   P S   =   y e s ;   20                                               TH EN   P S   =   s t o p   s t r e a m i n g   a n d   r e c o r d i n g ;   21                               EL S P S   =   r e s u m e   s t re a m i n g ;   22      S T EP 3 :   c h a n g e   t h e   s e t t i n g ;   23                               IF   CR=   y e s ;   2 4                                                                      c h a n g e   r e s o l u t i o n ,   f ra m e   ra t e s ,   b i t ra t e ,   c o d e c ,   e t c .;   25                                                        EL S l e a v e   i t   b y   d e f a u l t ;   26        EN D   Evaluation Warning : The document was created with Spire.PDF for Python.
                                IS S N :   2088 - 8708   Int   J   E l e c   &   Co m E n g ,   V o l .   10 ,   N o .   3 J u ni   20 20   :     27 73   -   2 778   2776   3. 2 . 2 .   Th e   c r e ate d   m e c h an i s m   T h i s   m e c h a ni s m   h a s   b e e n   c r e a t e a nd  us e b a s e o n   R e c o r dR T A P a nd  J a v a S c ri pt   M e t h o ds   T h e   R e c o r dR T C   l i b r a r y   h a s   b e e n   us e t o   i n i t i a l i z e   a n s e t   up   a   n e w   s e s s i o n   f o r   a udi o s ,   v i de o s ,   a n s c r e e us i n G o o gl e   Chr o m e ,   F i r e f o x,   a n d   O pe r a .   A l s o ,   i t   ha s   a dde m a n y   di ff e r e n t   J a v a S c r i pt   f u n c t i o n s   a n d   m e t h o ds   f o r   l o c a l   a n r e m o t e   m e di a   s t r e a m s .     3. 3 .     A n al ys i s   3. 3 . 1 .   S i gn a l l i n m e c h an i s m   fo r   s av i n m e d i a   s tr e am   T h i s   m e c h a ni s m   h a s   b e e n   a na l y z e s e pa ra t e l y   fo r   t e us e rs   b a s e t o   t e s t   t h e   de l a y   t o   ge t   r e a dy .     T h i s   w a s   i m p l e m e nt e b a s e o n   t h e   n e t w o r a na l y s i s   i n s p e c t i n g   e l e m e nt   o f   G oo gl e   Chr o m e ,   F i r e f o x,   a n O pe r a ,   a t   t h e   a c t u a l   c o m m u n i c a t i o n.   T h e   m e a n   t i m e   w a s   c a l c ul a t e d,   s o   it  e xpa n ds   132   m i l l i s e c o n ds   (m s t o   be   r e a dy   a n c o n s u m e s   475   ( m s t o   e s t a b l i s m e di a   s t r e a m i n g .   T hi s   m e c ha ni s m   c an   s e t   up e s t a b l i s h   a nd  s e n a udi o s ,   v i de o s ,   a n s c r e e n   s i m u l t a n e o us l y .   T h e   v a ri a t i o n   o f   de l a y   be t w e e n   us i n C hr o m e ,   F i r e f o x,   a n O pe r a   w a s   s l i gh t l y   di f fe r e n t I n   c o n t ra s t ,   t h e   qua l i t y   of   a udi o s ,   v i de o s   a n s c r e e n   di d   n o t   a f f e c t   by   t h e   CP U   l o a o r   t h e   b a n dw i dt h   c o n s um pt i o n ;   e s pe c i a l l y   t h e   m e di a   s t r e a m i n w a s   be t w e e n   t h e   i n t e rna l   de v i c e s ,   s u c h   a s   c a m e ra   a n d   m i c r o p h o n e   w i t t h e   di s k   i t h e   c o m put e r .     3. 3 . 2.   Q u al i t o v i d e o   c o n fe r e n c i n g   T h e   qua l i t y   of   a udi o s ,   v i de o s   a n s c r e e n   w e r e   d o n e   by   i n d i v i dua l   t e s t   b e t w e e n   t e n   us e r s   o ve r     t h e   I n t e rn e t   a n d   4G   n e t w o r ks .   T h e r e f o r e ,   t h e   qu a l i t y   of   a udi o s ,   v i de o s   a nd  s c r e e n   w e r e   e xc e l l e n t .   A s   a   r e s u l t ,   us i n t h e   c r e a t e m e c ha n i s m   f o r   r e c o r di ng  s o und s ,   v i de o s ,   a n d   s c r e e n s   i s   e ff i c i e n t ,   a s   s h o w n   i T a b l e   1 .         T a b l e   1 .   Q u a l i t y   of   t h e   a ud i o ,   v i de o ,   a n d   s c r e e n   b e t w e e n t e pe e r s   o v e r   (L A N   &   W A N   of   t h e   i nt e rn e t   a nd  4G   n e t w o r ks   N o .   Bro w s e r s   O p e ra t i n g   S y s t e m   F e a t u r e s   Co d e c s   D u ra t i o n   Q u a l i t y   of   a u d i o   Q u a l i t y   of   v i d e o   Q u a l i t y   of   S c r e e n   V i d e o   A u d i o   1.   G o o g l e   Ch r o m e   W i n d o w s   1 0   a n d   U b u n t u   A u d i o ,   V i d e o ,   a n d   S c r e e n   V P 8 ,   V P 9 ,   H 2 6 4   O P U S   -   m i n u t e s   E x c e l l e n t   E x c e l l e n t   E x c e l l e n t   2.   F i r e f o x   W i n d o w s   1 0   a n d   U b u n t u   A u d i o ,   V i d e o ,   a n d   S c r e e n   V P 8 ,   H 2 6 4   O P U S   -   m i n u t e s   E x c e l l e n t   E x c e l l e n t   E x c e l l e n t   3.   O p e ra   W i n d o w s   1 0   a n d   U b u n t u   A u d i o ,   V i d e o ,   a n d   S c r e e n   V P 8 ,   V P 9 ,   H 2 6 4   O P U S   -   m i n u t e s   E x c e l l e n t   E x c e l l e n t   E x c e l l e n t       3. 3 . 3.   Q u al i t o e x p e r i e n c e   ( Q o E)   In  [24]   m e nt i o n e t ha t   Q o E   i s   n e c e s s a r y   a n ha s   b e e n   c o ns i de r e a s   a   s ub j e c t i ve   m a t ri i n   m e di a   c o m m uni c a t i o n ,   a s   w e l l   a s   i t   ha s   b e e n   a do pt e by   IT U - T   gr o up   [23,   25,   26] .   T hr o u g h   t h e   us e   of   a   que s t i o nna i r e us e r s   h a v e   t a ke n   p a r t   i n   t hi s   t e s t   t o   gi v e   t h e i r   i ndi v i du a l   p er s pe c t i v e s   o n   t h e   r e a l i z e us e e xpe r i e n c e   a s   pr e s e n t e d   i T a b l e   2 .   T h i s   a ppl i c a t i o n   c o n f i rm e a n   e xc e l l e nt   qua l i t y   of   a udi o ,   v i de o   a n d   s c r e e n   r e c o r di ng ,   i s pe c i f i c   b e t w e e n   t e n   pe e r s   v i a   t h e   I n t e rne t   a n d   4G   n e t w o r ks .       T a b l e   2 .   Q o E   o f   t e us e r s   f o r   c o m m u n i c a t i o n   v i a   t h e   i nt e rn e t   a n d   4G   n e t w o r ks   Q u e s t i o n s   V e r y   Ba d   V e r y   a n n o y i n g   Ba d   A n n o y i n g   F a i r   S l i g h t l y   a n n o y i n g   G o o d   P e r c e p t i b l e   b u t   n o t   a n n o y i n g   E x c e l l e n t   Im p e rc e p t i b l e   Ra t e   t h e   s t r e a m i n g   u s i n g   Re c o rd RT l i b ra ry       2   3   5   Ra t e   t h e   e a s e   o f   u s i n g   t h e   a p p l i c a t i o n           10   Ra t e   t h e   q u a l i t y   o f   a u d i o   d u r i n g   t h e   s e s s i o n         2   8   Ra t e   t h e   q u a l i t y   o f   t h e   v i d e o   d u ri n g   t h e   s e s s i o n         1   9   Ra t e   t h e   q u a l i t y   o f   t h e   s c r e e n   d u ri n g   t h e   s e s s i o n       1   1   8   Ra t e   t h e   re s i l i e n c e   a n d   f l e x i b i l i t y   o t h e   c o n n e c t i o n       1   2   7   D o e s   t h e   R e c o r d RT l i b ra ry   c o n v i n c e   y o u   t o   u s e   W e b RT i n   t h e   f u t u r e         3   7     Evaluation Warning : The document was created with Spire.PDF for Python.
Int   J   E l e c   &   Co m E n g     IS S N :   2088 - 8708       D e s i gn   and   i m p l e m e nt   ne w   m e c han i s m   f or   au di o ,   v i d e o   an s c r e e n   r e c or di ng   …  ( Nak t al   E dan )   2777   4.   EV A LU A TI O N   In   t hi s   r e s e a r c h ,   i t   h a s   b e e n   p r o v e d   t h a t   t h e   de s i g n e a pp l i c a t i o n   c a b e   ut i l i s e t o   s uppo r t   a ud i o ,   v i de o   a nd  s c r e e n   r e c o r di n g   a m o n di f f e r e n t   b r o w s e r s   s uc h   a s   G o o gl e   Chr o m e ,   O pe r a ,   a n F i r e f o x .   T h i s   i m p l e m e n t a t i o n   is   u s i n g   a   n e w   W e b R T r e c o r di n m e c h a ni s m   t o   s e t   up e s t a b l i s h ,   s t o a n d   s a v e   m e di a   s t r e a m i ng  o ve r   t h e   Int e rn e t   a n 4G   n e t w o r ks .   B e s i de s ,   i t   off e r s   a udi o   a n d / o r   v i de o   c o n f e r e n c i n a n ke e ps   t h e   m e di a   s t r e a m i ng   p r o duc t i v e a n d   c o n t r o l s   s e l f   s t r e a m s .   W h e r e a s ,   i t   ha s   b e e n   c r e a t e d   w i t h o ut   us i n a n y   e xt e rn a l   de v i c e s   a n c o m m e r c i a l   c l o ud/ s e r v e r.   T h i s   e xpe ri m e n t   c a n   b e   c o n s i de r e d   a s   t h e   f i r s t   o n e   t h a t   a c hi e v e a   W e bR T r e c o r di ng  m e c h a ni s m   f o r   a ud i o ,   v i de o   a n d   s c r e e n   r e c o r di n g   us i ng  t h e   4G   n e t w o r k.   H ow e ve r ,   i t   do e s   n o t   s uppo r t   S a f a r i   b r o w s e r .   T h e r e   w e r e   n o t   a n y   s i gn i f i c a n t   i s s ue s   w i t h   t h e   pe r f o rm a n c e   of  CP U   a n b a ndw i dt h   c o n s um p t i o n   i n   a u di o   o r   v i de s t r e a m i n g,   w hi l e   m e di a   s t r e a m i n i n   t hi s   ki n o f   da t a   do es   n o t   r e que s t   a   h i g h   p r o c e s s o r   fo r   de c o di n g ,   e n c o di n g ,   e t c .   T h e   Q o E   a s c e r t a i n s   t h a t   t hi s   t e s t b e d   e n v i r o n m e n t   w o r ks   c o r r e c t l y   a n d   t ha t   i t   i s   po s s i b l e   t o   us e   i t   t o   c o n duc t   f urt h e r   e xt e n s i v e   e xpe r i m e n t s   o n   us e r   e xpe r t i s e   i n   t h e   f ut u r e .       5.   C O N C LU S I O N   AND   F U TU R W O R K   In   t h i s   p r o j e c t ,   a   n e w   W e b R T r e c o r di n m e c h a ni s m   v i a   t h e   I n t e rn e t   a n 4G   w a s   e s t a b l i s h e d   a n d   t e s t e i n   a   r e a l - ti me   i m p l e m e n t a t i o n .   F u rt h e r m o r e ,   R e c o r d R T l i b ra r y   w a s   us e d   t o   s e t   up ,   c r e a t e   a nd  e n   a   m e di a   s t r e a m i ng  fo r   r e c o r di ng.   T hi s   c o n s e que n c e   i s   e ffe c t i ve   s i n c e   i t   de l i v e r s   v i s ua l l y   d e m o   ov e r     t h e   di f f e r e n t   n e t w o r ks   a n b r o w s e r s   r e a l   f a c e - to - fa c e   c o m m u n i c a t i o n .   M o r e o v e r ,   i t   e nha n c e s   c o m m uni c a t i o n   &   i m p r o v e s   r e l a t i o n s hi ps   a n i n c r e a s e   pr o d uc t i v i t y   be t w e e n   us e r s   a n t e a m s .   A dd i t i o n a l l y ,   th i s   e xpe ri m e nt   c a n   b e   a ppl i e d   i n   v a r i o us   a p pl i c a t i o n s   s uc a s   e nt e rt a i n m e nt ,   l e c t ur e r   b e t w e e n   t e a c h e r s   a n d   s t ude nt s ,   a n d   m e e t i n b e t w e e n   do c t o r a n d   t e c hni c i a n s .   I t h e   f ut ur e ,   t h e r e   i s   a n   i n t e nt i o t o   e xt e n t h i s   e f fo r t   ov e r   e xt r a   s c a l a b l e   a ud i o ,   v i de o   a n s c r e e r e c o r di n g   us i n g   S a f a ri   a n d   5G   i W e bR T C.       R EF ER EN C ES   [ 1]   B .   Y .   J ul i a n .   J a ng - J a c c a r d,   S u r y a .   N e pa l ,   B r a nko .   C e l l e r ,   W e bR T C - ba s e v i de o   c o nf e r e nc i ng   s e r v i c e   f o r   t e l e he a l t h ,   C om p ut i ng ,   v o l .   98 ,   no .   1 2 ,   pp.   1 69 1 93 ,   2 016 .   [ 2]   N .   E d a n ,   A .   A l - S he r b a z ,   a nd   S .   T u r ne r ,   D e s i g a nd   i m p l e m e nt   a   hy br i d   W e bR T C   s i g na l l i ng   m e c ha n i s m   f o r   u ni d i r e c t i o na l   & a m p;   bi - di r e c t i o na l   v i de o   c o nf e r e nc i ng ,   I n t e r n at i ona l   J ou r na l   of   E l e c t r i c a l   and  C om pu t e r   E ngi ne e r i n g   ( I J E C E ) ,   v o l .   8 ,   no .   1 ,   pp .   390 - 39 9   2 018 .   [ 3]   N .   M .   E da n,   A .   A l - s he r b a z ,   a nd  S .   T u r ne r ,   W e bN S M :   A   N ov e l   W e bR T C   S i g na l l i ng   M e c ha ni s m   f o r   O ne - to - M a n y   Bi - di r e c t i o na l   V i d e o   C o nf e r e nc i ng ,   i P r o c e e di ngs   of   2 018   SA I   C om put i ng   C on f e r e nc e ,   pp .   1 6 ,   2 017 .   [ 4]   S .   P e r r e a ul t ,   T r a v e r s a l   U s i ng   R e l a y s   a r o und   N A T   ( T U R N )   E x t e ns i o ns   f o r   T C P   A l l o c a t i o ns ,   U S A ,   2010 .   [ 5]   V .   P .   I .   B a z   C a s t i l l o ,   J .   M i l l a n   V i l l e g a s ,   T h e   W e b S o c ke t   P r o t o c o l   a s   a   T r a ns po r t   f o r   t he   S e s s i o I ni t i a t i o P r o t o c o l   ( S I P ) ,   S pa i n ,   2014 .   [ 6]   M .   P ha nko kkr u a a nd   P .   J a t u r a w a t ,   A E v a l u a t i o o f   T e c hni c a l   S t udy   a nd  P e r f o r m a nc e   f o r   R e a l - T i m e   F a c e   D e t e c t i o U s i ng   W e R e a l - T i m e   C o m m uni c a t i o n,   i I nt e r n at i on al   C onf e r e nc e   on   C om pu t e r ,   C om m un i c at i on ,   and   C ont r ol   T e c hn ol o gy   ( I 4C T ) ,   no .   I 4,   pp .   162 166 ,   2015 .   [ 7]   M .   L .   G i u l i a na .   C a r ul l o ,   M a r c o .   T a m ba s c o ,   M a r i o .   D i   M a ur o ,   A   P e r f o r m a nc e   E v a l ua t i o o f   W e bR T C   ov e r   L T E ,   i 12 t A nnu al   C on f e r e nc e   on   W i r e l e s s   O n - de m and   N e t w or k   Sy s t e m s   an Se r v i c e s   ( W O N S) ,   pp.   1 70 1 75 ,   2 016 .   [ 8]   N .   M .   E da n,   A .   A l - s he r b a z ,   a nd  S .   T u r n e r ,   D e s i g a nd  E v a l ua t i o n   o f   B r o w s e r - to - B r o w s e r   V i de o   C o nf e r e nc i ng   i n   a W e bR T C ,   i n   201 G l ob al   I nf o r m a t i o I n f r a s t r uc t u r e   and   N e t w or k i ng   S y m po s i um   ( G I I S) p p .   4 ,   201 7 .   [ 9]   S .   O w e s e n - L e i n ,   U ni f i e C o m m uni c a t i o a nd  W e bR T C ,   N o r w e g i a U ni v e r s i t y   of   S c i e nc e   a nd     T e c hno l o gy ,   2015.   [ 10]   C .   J .   S .   N a nda kum a r ,   A nno t a t e d   E xa m pl e   S D P   f o r   W e bR T C :   dr a f t - I E T F - r t c w e b - S D P - 09,   U S A ,   2018 .   [ 11]   L .   O .   D .   N .   E i r i k .   F o s s e r ,   Q ua l i t y   o f   E xpe r i e nc e   o f   W e bR T C   ba s e v i de o   c o m m uni c a t i o n,   N o r w e g i a U ni v e r s i t y   o f   S c i e nc e   a nd   T e c hno l o gy ,   2016 .   [ 12]   N .   M .   E da n ,   A .   A l - s he r ba z ,   a nd  S .   T ur ne r ,   W e bN S M :   A   N o v e l   S c a l a bl e   W e bR T C   S i g na l l i ng   M e c ha n i s m   f o r   M a ny - to - M a ny   V i de o   C o nf e r e nc i ng ,   i 3r I E E E   I n t e r na t i on al   C on f e r e nc e   on  C ol l abo r at i on  and  I nt e r ne t   C om put i ng   ( C I C ) ,   v o l .   2 ,   pp .   1 7 ,   2017 .   [ 13]   T .   F .   M i c ha e l .   A de y e y e ,   M e m b e r ,   I s hm e a l .   M a k i t l a ,   D e t e r m i ni ng   t h e   s i g na l l i ng   o v e r he a o f   t w o   c o m m o n   W e bR T C   m e t ho ds :   J S O N   v i a   X M L H t t pR e q ue s t   a nd  S I P   o v e r   W e bS oc ke t ,   i A f r i c o n,   P o i nt e - A ux - P i m e n t s C o nf e r e nc e ,   pp .   0 4 ,   2013 .   [ 14]   S .   S kr øda l ,   S A 8T I nt e r n a l   D e l i v e r a bl e   T e c hno l o gy   S c o ut :   S t r e a m   a nd   r e c o r l e c t ur e s   w i t h   W e bR T C ,   20 16.   [ 15]   N .   P I N I K A S ,   A   W e br t c   B a s e P l a t f o r m   f o r   S y n c hr o no us   O nl i n e   C o l l a bo r a t i o a nd  S c r e e C a s t i ng ,   T e c hno l o g i c a l   E duc a t i o na l   I ns t i t ut e   o f   C r e t e ,   20 16 .   [ 16]   M .   P a s ha ,   F .   S ha hz a d,   a nd  A .   A hm a d,   A na l y s i s   o f   c ha l l e ng e s   f a c e by   W e bR T C   v i de o c o nf e r e nc i ng   a nd     a   r e m e d i a l   a r c h i t e c t ur e ,   I nt .   J .   C om pu t .   Sc i .   I n f .   Se c u r . ,   v o l .   14 ,   no .   10 ,   pp .   6 98 7 05 ,   2 016 .   [ 17]   B .   B o s ,   E .   D a v i e s ,   L .   D e s m e t ,   S .   F a r r e l l ,   M .   J o hns ,   a nd  R .   W e n ni ng ,   S t r a t e g i c   R e s e a r c R o a dm a f o r   E ur o pe a n   W e S e c ur i t y ,   201 4.     Evaluation Warning : The document was created with Spire.PDF for Python.
                                IS S N :   2088 - 8708   Int   J   E l e c   &   Co m E n g ,   V o l .   10 ,   N o .   3 J u ni   20 20   :     27 73   -   2 778   2778   [ 18]   M .   W a l t e r ,   W e bR T C   m u l t i po i n t   c o nf e r e nc i ng   w i t r e c o r di n g   us i ng   a   M e d i a   S e r v e r ,   S t u t t g a r t   M e di a     U ni v e r s i t y ,   20 15 .   [ 19]   J .   R o dr i g ue z ,   P e d r o .   C e r v i ño   A r r i ba ,   J a v i e r .   T r a j ko v s ka ,   I r e na .   S a l v a c hua ,   A dv a nc e v i de o   c o nf e r e nc i ng   ba s e o n   w e br t c ,   i n   I A D I S   M u l t i   C onf e r e nc e   o C om pu t e r   S c i e nc e   a nd   I n f o r m at i on  Sy s t e m s p p.   6 ,   2019 .   [ 20]   P .   K i nl a n ,   S c r e e n   r e c o r di ng   o A ndr o i w i t g e t U s e r M e d i a   a nd   W e bR T C ,   2016 .   [O n l i n e ] .   A v a i l a bl e :   ht t ps : / / m e d i um . c o m / de v - c ha nne l / s c r e e n - r e c o r di ng - on - a ndr o i d - wi th - g e t us e r m e di a - a nd - w e b r t c - c 32ba 9d2 9c 28 [ A c c e s s e d   N o v e m be r   25 ,   201 9] .   [ 21]   S .   P e na s ,   R e c o r a l m o s t   e v e r y t hi ng   i t h e   b r o w s e r   w i t h   M e di a R e c o r de r ,   201 6.   [ O nl i ne ] .   A v a i l a bl e :   ht t ps : / / ha c ks . m o z i l l a . o r g / 20 16/ 04 / r e c o r d - a l m o s t - e v e r y t hi ng - in - t h e - br o w s e r - w i t h - m e d i a r e c o r de r / .   [ A c c e s s e O c t .   7 ,   2019 ] .   [ 22]   P .   R o dr í g ue z ,   J .   C e r v i ño ,   I .   T r a j ko v s ka ,   a nd  J .   S a l v a c húa ,   A dv a nc e V i de o c o nf e r e nc i ng   S e r v i c e s   B a s e o W e bR T C ,   i I A D I I nt e r nat i on al   C on f e r e nc e s   W e B as e C om m u ni t i e s   and  So c i a l   M e di 2012  an C ol l abo r a t i v e   T e c hnol o gi e s ,   pp.   1 80 1 84 ,   2 012 .   [ 23]   B .   G a r c í a ,   L .   L ópe z - F e r nde z ,   F .   G o r t á z a r ,   a nd  M .   G a l l e g o ,   P r a c t i c a l   e v a l ua t i o o f   V M A F   pe r c e pt u a l   v i de o   qua l i t y   f o r   w e bR T C   a p pl i c a t i o ns ,   E l e c t r on . ,   v o l .   8 ,   no .   8,   pp .   1 1 5 ,   2019 .   [ 24]   R .   C .   S t r e i j l ,   S .   W i nk l e r ,   a nd  D .   S .   H a n ds ,   M e a o pi n i o s c o r e   ( M O S )   r e v i s i t e d:   m e t ho ds   a nd  a ppl i c a t i o ns ,   l i m i t a t i o ns   a nd   a l t e r n a t i v e s ,   M ul t i m e d.   S y s t . ,   v o l .   22 ,   no .   2,   pp .   213 227 ,   2016 .   [ 25]   T .   H o ßf e l d,   R .   S c ha t z ,   M .   V a r e l a ,   a n C .   T i m m e r e r ,   C ha l l e ng e s   o f   Q o E   m a na g e m e nt   f o r   c l o ud  a ppl i c a t i o ns ,   I E E E   C om m un .   M a g. ,   v o l .   50 ,   no .   4,   pp .   28 36,   2 012 .   [ 26]   K .   L .   a nd  J .   Z .   H .   K i m ,   I n - s e r v i c e   F e e dba c Q o E   F r a m e w o r k,   i T h i r I nt e r n at i on al   C on f e r e nc e   on  C om m un i c at i on   T he o r y ,   R e l i ab i l i t y ,   a nd   Q ua l i t y   o f   Se r v i c e ,   A t he ns / G l y f a da ,   pp .   135 138 ,   2010 .     Evaluation Warning : The document was created with Spire.PDF for Python.