Video/Picture editor component development - html/css/javascript
- Durum: Closed
- Ödül: $100
- Alınan Girdiler: 1
- Kazanan: phjocoronel
Yarışma Özeti
I would like to have an HTML component developed using a mix of html, css, and javascript.
The "Video/Picture editor" component will provide a way for a user to extract images from a video (MP4)
Screenshots gallery will display all screenshot & allow a user to manage them
Video/Picture editor features
-------------------------------
Video player with simple grey timeline component as shown in images
Video player will not play video as a normal video player but only allow dragging of timeline handle & display of image at the desired location
Small button on right of timeline that will lock/unlock access to the timeline (making it dragable)
Mousing over video will create a layover - "Take a screenshot"
Clicking on layover will extract image from desired video location & produce an event - {imageBase64 = binaryimagedata, locationTimestampSecs = 120}
Screenshots gallery features
-------------------------------
onLoad event will take in a jsonObject with an array of "screenshots"
mousing over screenshot will create a layover - with "X | O"
clicking x will trigger a deleteScreenShot event
clicking o will trigger a viewScreenShotInformation event
I've attached sample json dataset to help visualize what kind of data will be used within this component
The component should be delivered in zipped folder that contains HTML/css/javascript
Aranan Beceriler
İşveren Geribildirimi
“Juan is very intuitive when it comes to understanding an implementation from UI elements + requirements”
i6projectmanager, United States.
Bu yarışmadan başlıca girdiler
-
phjocoronel Argentina
Genel Açıklama Panosu
Yarışmalara nasıl başlanır
-
Yarışmanızı İlan Edin Hızlı ve kolay
-
Tonlarca Girdi Alın Bütün dünyadan
-
En iyi girdiyi seçin Dosyaları indirin - Kolay!