Descriere: Permite utilizatorului să vizioneze o colecție de minim 4 filme (stocate static în cadrul aplicației în folderul media).

• 0.5p posibilitate navigare prin playlist; trecere automată la filmul următor
• 1p adăugarea de noi filme prin drag and drop sau prin intermediul unui control de tip input
• 1p modificare ordine filme în playlist; ștergere filme din playlist
• 1p aplicare de efecte video selectabile de către utilizator cu ajutorul unui element de tip canvas (notă: efectele vor fi diferite de cele implementate pe parcursul seminarelor; efectele nu vor fi implementate cu ajutorul CSS)
• 2p desenare video și controale semitransparente (previous, play / pause, next, progress bar și volum) pe același element canvas (suprapuse peste fluxul video) și determinarea operației pe baza poziției cursorului în cadrul canvasului
• 2p implementare funcționalitate de preview cadru (atunci când cursorul este deasupra progress bar-ului)
• 1p afișare subtitrări (stocate sub formă de fișiere JSON în cadrul aplicației)
• 0.5p stocare setări (ex: nivel volum, poziție curentă în cadrul playlist-ului) cu ajutorul Web Storage API

Notă: O colecție de fișiere video gratuite este disponibilă la adresa https://www.pond5.com

Observații pentru fișierele CodTema_NrGrupa_NUME_Prenume.html/css/js:

• trebuie să conțină doar cod sursă formatat și comentat;
• sunt singurele care intră în evaluarea proiectului;
• sunt puntate doar în măsura în care studentul dovedește la evaluare cunoașterea elementelor utilizate;
• nu este permis cod JavaScript preluat din nici o altă sursă (colegi, internet, etc.), cu excepția exemplelor de la curs / seminar publicate pe platforma online.ase.ro; orice fragment de cod preluat din alte surse se consideră tentativă de fraudă; se verifică automat;
• este permisă preluarea de fișiere media, cod CSS, fișiere de date din orice sursă;
• pentru implementarea cerințelor nu sunt permise alte biblioteci JavaScript (este permisă utilizarea Bootstrap – doar partea de CSS).