Add countdown example

README.md

@@ -33,6 +33,9 @@
 
 - **frames.js** -
     A frame accurate counter, useful for testing frame accuracy.
+
+- **countdown.js** -
+    A simple 10 second countdown video, variables can be adjusted to created different speeds and counts.
 
 ### Image examples
 

examples/countdown.js

@@ -0,0 +1,78 @@
+const Shotstack = require('shotstack-sdk');
+
+const defaultClient = Shotstack.ApiClient.instance;
+const DeveloperKey = defaultClient.authentications['DeveloperKey'];
+const api = new Shotstack.EditApi();
+
+let apiUrl = 'https://api.shotstack.io/stage';
+
+if (!process.env.SHOTSTACK_KEY) {
+    console.log('API Key is required. Set using: export SHOTSTACK_KEY=your_key_here');
+    process.exit(1);
+}
+
+if (process.env.SHOTSTACK_HOST) {
+    apiUrl = process.env.SHOTSTACK_HOST;
+}
+
+defaultClient.basePath = apiUrl;
+DeveloperKey.apiKey = process.env.SHOTSTACK_KEY;
+
+const VIDEO_DURATION = 10;
+const COUNTER_START = 10;
+const COUNTER_DISPLAY_DURATION = VIDEO_DURATION / COUNTER_START;
+const FRAMES_PER_SECOND = 25;
+const SINGLE_FRAME_DURATION = 1 / FRAMES_PER_SECOND;
+
+const counterArray = [];
+
+for (let counter = COUNTER_START; counter >= 0; counter--) {
+    const start = VIDEO_DURATION - counter * COUNTER_DISPLAY_DURATION;
+
+    const htmlAsset = new Shotstack.HtmlAsset;
+    htmlAsset
+        .setHtml(`<p>${counter}</p>`)
+        .setCss('p { font-size: 100px; color: #ffffff; font-family: "Montserrat ExtraBold"; }')
+        .setWidth(200)
+        .setHeight(200);
+
+    const htmlClip = new Shotstack.Clip;
+    htmlClip
+        .setAsset(htmlAsset)
+        .setStart(start)
+        .setLength(COUNTER_DISPLAY_DURATION - SINGLE_FRAME_DURATION);
+
+    counterArray.push(htmlClip);
+}
+
+const track = new Shotstack.Track;
+track
+    .setClips(counterArray);
+
+const timeline = new Shotstack.Timeline;
+timeline
+    .setTracks([track]);
+
+const output = new Shotstack.Output;
+output
+    .setFormat('mp4')
+    .setResolution('hd')
+    .setFps(FRAMES_PER_SECOND);
+
+const edit = new Shotstack.Edit;
+edit
+    .setTimeline(timeline)
+    .setOutput(output);
+
+api.postRender(edit).then((data) => {
+    const message = data.response.message;
+    const id = data.response.id
+
+    console.log(message + '\n');
+    console.log('>> Now check the progress of your render by running:');
+    console.log('>> node examples/status.js ' + id);
+
+}, (error) => {
+    console.error('Request failed: ', error);
+    process.exit(1);
+});