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).