GIF Story | Substrate

Takes about 1 minute

Generating... (0.0s)

\n \n `));\n // Don't run the graph, we'll display the cached result\n // const res = await substrate.run(...videoNodes);\n // const texts = res.get(sentences).json_object.sentences;\n // let gifUrls = [];\n // for (let i = 0; i < 5; i++) {\n // gifUrls.push(res.get(videoNodes[i]).video_uri);\n // }\n // console.log(JSON.stringify(res.get(sentences).json_object, null, 2));\n // console.log(JSON.stringify(gifUrls, null, 2));\n // Display cached result\n const sentencesResult = {\n \"sentences\": [\n \"A traveler sets out on a journey through the dense rainforest.\",\n \"The air is thick with humidity and the canopy overhead blocks out most of the sunlight.\",\n \"The sound of rushing water grows louder as the traveler follows the winding path.\",\n \"A massive waterfall comes into view, cascading down a rocky slope.\",\n \"The roar of the falls subsides as the traveler rounds a bend in the path.\",\n ],\n \"imageDescriptions\": [\n \"A dense jungle with towering trees and vines\",\n \"A misty forest with ferns and moss-covered tree trunks\",\n \"A narrow path leading to a fast-moving river\",\n \"A massive waterfall crashing over a rocky cliff\",\n \"A serene river flowing through a tranquil valley\",\n ],\n };\n const texts = sentencesResult.sentences;\n let gifUrls = [\n \"https://cdn.substrate.run/u/TdI00FeAB8nzr0Su/d73078011783f5ac37980e47df9d0ee7985fd2d476eed501_1722427247.gif\",\n \"https://cdn.substrate.run/u/TdI00FeAB8nzr0Su/69c79387d16391d3f8c246ccbd694bed55f39d3a60a66fde_1722427247.gif\",\n \"https://cdn.substrate.run/u/TdI00FeAB8nzr0Su/75db479fdc66d185edbf24f7b037257adb98ec7bfe7b10db_1722427248.gif\",\n \"https://cdn.substrate.run/u/TdI00FeAB8nzr0Su/bd26d54a083b540210ac23bc9fd296fc13db9a9edff6718b_1722427271.gif\",\n \"https://cdn.substrate.run/u/TdI00FeAB8nzr0Su/b14849ad8bb9af9c60567d85d37de79c1d634748ed6ad9d4_1722427265.gif\",\n ];\n // Render page\n writer.write(textEncoder.encode(\"\"));\n\n const { htmlUrl } = extractValInfo(import.meta.url);\n let html = `\n\n\n\n \n \n GIF Story | Substrate\n \n\n\n

\n $\"GIF$ \n

\n made with Substrate\n view source on val.town\n

\n \n\n\n`;\n writer.write(textEncoder.encode(html));\n writer.close();\n });\n\n return new Response(readable, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n}","createdAt",["D",1722443707656],"version","currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount",1,"commentCount","prCount","mergedPr",{"_129":130,"_131":132},"handle","pa","profileImageUrl","https://images.clerk.dev/oauth_github/img_2OIOCeem3T4M3jAJyzdQ0FnG5PW.png","forkedVal","interval","slug","pa/gifStory","description","Generates a story and then a storyboard with 5 animated frames. Note : You'll need to fork this example (and un-comment some code) to run it with new input. Currently it renders cached output, for demo purposes (running takes 30-60s). 🪩 To fork, sign up for Substrate to get your own API key and $50 free credits","versions",[141],{"_118":31,"_142":-5,"_116":143,"_113":111},"prId",["D",1722443707656],"recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.forks",{"_151":152,"_153":31,"_154":136,"_155":31,"_94":156},"forksList",[],"forksCount","valname","page",{"_113":111,"_98":99,"_129":130,"_11":96,"_118":31,"_100":101,"_114":115,"_104":105,"_112":26,"_135":136},"routes/_app","actionData","errors"]