Add automotive-inventory-videos example - #18
Merged
dazzatronus merged 3 commits intoSep 28, 2026
Merged
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub. 1 Skipped Deployment
|
dazzatronus
force-pushed
the
add-automotive-inventory-videos
branch
from
September 22, 2026 11:57
ab22a3b to
c883b10
Compare
soniasriv
force-pushed
the
add-automotive-inventory-videos
branch
from
September 24, 2026 07:25
c883b10 to
333c0d6
Compare
dazzatronus
approved these changes
Sep 28, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Companion code for the automotive vertical: one vertical video per vehicle in a dealer inventory.
Rebuilt 24 Sep after review. The first version was mostly 16:9 with heavy overlays. This version is vertical, with two small overlays.
What it does:
render.mjsreads a JSON stock feed and builds the Edit in code, one 3.2 s clip per photo with a pan or zoom, cropped to 1080x1920. Photos alternate between two tracks so each one dissolves into the next instead of dipping to black, so any photo count renders (at least 6 s). The sample has one vehicle with 7 photos. Anhtml5card carries year, make, model, trim, price, odometer, transmission and fuel; a secondhtml5badge carries the dealer name; music underneath.Reference: the public TradePending case study.
Changed from the first version: vertical instead of 1280x720; the S3 option is removed.
Verified: prettier clean; every generated Edit JSON passes
shotstack validate; a fresh clone with no key, a wrong key and a badSHOTSTACK_ENVeach print one line and exit 1; a rejected key stops the batch after one line; README claims checked against the code; rendered end to end on stage with the ids below.Stage render (28 Sep): STK-10482
3dbf6d29-b173-4b4c-8bc1-d4d68e10b849, 22.4 s, 7 photos. Watch: https://cdn.shotstack.io/au/stage/m0018rioc2/3dbf6d29-b173-4b4c-8bc1-d4d68e10b849.mp4The three vertical PRs (#17, #18, #20) edit the example list in the root README; keep every bullet when resolving.