Video/Picture editor component development - html/css/javascript
- 状态: Closed
- 奖金: $100
- 参赛作品已收到: 1
- 获胜者: phjocoronel
竞赛简介
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
您还可能感兴趣的技能
雇主反馈
“Juan is very intuitive when it comes to understanding an implementation from UI elements + requirements”
i6projectmanager, United States.
此竞赛的顶尖作品
-
phjocoronel Argentina