Ditutup

Small JavaScript Task (less than a day)

overview: we want to generate some simple video with text on it using ffmpeg (using it's text rendering abilities).. you will be writing a javascript function that generates the command-line arguments necessary for ffmpeg to do this (we will use this output to actually run ffmpeg, but you don't need to do that part, except to test your code)

to understand what we're doing, take a look at the attached image. It shows a large rectangle (the video frame) with 3 smaller rectangles within it. We want to render lines of text into these rectangles. The font-size of the text should be set to the height of the rectangle, and if a line is too long, it should wrap to the next rectangle. (Note that the number of rectangles should be adjustable). This should be rendered as a static image for a specified number of video frames. If there are too many lines of text to show in one image, then we want to render the rest of the text into subsequent images (each one lasting a specified number of video frames)

deliverable:

- a single javascript function (no dependencies) -- please host it somewhere online, at least temporarily, and just give me the url to that -- I'll copy it, and then you can delete it

- input arguments:

- width_percent: see "w" in the image. this variable is a percent ranging from 0 to 100, and represents a percent of the total video width. this variable determines how wide each text-rectangle will be, and also, because the rectangles should be centered horizontally, it determines where each line of text will begin horizontally (the text in each rectangle should be left-justified)

- height_percent: see "h" in the image. this variable is a percent ranging from 0 to 100, and represents a percent of the total video height. this variable determines how much vertical space the lines of text will consume, and because this region should be centered vertically, it determines the vertical position of the first line of text

- line_height_percent: see "f" in the image, this variable is also a percent of the total video frame height, and represents the height of a single line of text.

- line_count: see "count" in the image, this variable says how many lines of text there should be (based on this, and the line height, and "h", you'll need to determine the space between each line)

- frames_per_image: each generated static image should be shown as video for this number of frames

- lines_of_text: a JavaScript array of strings, where each string will be rendered into a rectangle (or multiple rectangles if it's long enough)

- output:

- array of arrays of strings. Each inner array of strings represents an ffmpeg command, like ['ffmpeg', '-i', '[login to view URL]'], but in case we need to invoke ffmpeg multiple times, we have the outter array of commands. So a valid output might look like: [['ffmpeg', '-i', '[login to view URL]'], ['ffmpeg', '-i', '[login to view URL]']]

Kemahiran: Javascript, jQuery / Prototaip, HTML5, CSS, HTML

Lihat lagi: small javascript calendar, javascript auto day code, javascript business day calculator, javascript 30 reddit, jquery examples demo, wesbos javascript, jquery, javascript30 review, common challenges with javascript, javascript 30 github, how to solve browser compatibility issues in javascript, javascript task system, javascript countdown day week, javascript work day calculate, javascript calculate day diff, javascript task list, entry task day, small javascript lightbox, show hide javascript time day, javascript tip day month

Tentang Majikan:
( 0 ulasan ) Dallas, United States

ID Projek: #23984097

6 pekerja bebas membida secara purata $130 untuk pekerjaan ini

navneetsoni

Hi! I have gone through your project brief, and I can build you a Professionally good looking 'E-Commerce" website as per your requirement. I have expertise in JAVA, HTML, WORDPRESS, WOO-COMMERCE, JQUERY. You ca Lagi

$159 USD dalam 5 hari
(72 Ulasan)
6.4
MyAwesomeTeam

Hello mate, I checked requirement and i think this is you need: + overview: you want to generate some simple video with text on it using ffmpeg (using it's text rendering abilities) + you want to render lines Lagi

$153 USD dalam 3 hari
(68 Ulasan)
6.2
Ladiginvladislav

Hi sir! I can do it for you ASAP I have 5 years experience in web design I have experience in HTML, CSS, PHP, and JavaScript I have good skills in web design Looking forward to hearing your valuable comments and will Lagi

$50 USD dalam sehari
(7 Ulasan)
3.4
alexay319

Hi. thanks for your posting. I'm very happy to have a chance of bidding your project. I have read carefully the descriptions and understood clearly what you want. I'm exciting in your project. I have enough experience Lagi

$50 USD dalam sehari
(2 Ulasan)
1.7
Dineshmuthu2015

5+ years of IT experience in diversified fields of Application Development and Maintenance involving activities like Requirement Analysis, Development, and Testing. Good Conceptual knowledge in .Net Framework 4.5, SQL Lagi

$225 USD dalam 7 hari
(0 Ulasan)
0.0
RonHunt

Hello, I can provide you perfect work as you looking for . we can discuss more in chat . I will be waiting for your response . I have very great experience about your project , if you want discuss more please send me Lagi

$140 USD dalam 7 hari
(0 Ulasan)
0.0