[{"_1":2,"_176":-5,"_177":-5},"loaderData",{"_3":4,"_61":62,"_175":-5},"root",{"_5":6,"_21":-5,"_22":-5,"_23":24,"_42":-5,"_43":-5,"_44":-5,"_45":46,"_47":48,"_57":58,"_59":60},"env",{"_7":8,"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20},"SUPABASE_URL","https://hello.websim.com","SUPABASE_KEY","sb_publishable_Psom5r5hvV9Glvzv4s3oOQ_2b_HevU-","POSTHOG_KEY","phc_VHMOlrdxAbgSZHeF0SdSf07LZLRLAg5pZuTHkJGn050","POSTHOG_API_HOST","https://e.wbsm.ai","POSTHOG_UI_HOST","https://app.posthog.com","GOOGLE_OAUTH_CLIENT_ID","891181648870-i708rj1bgjol84hie20shfr4u4ecf3o7.apps.googleusercontent.com","ACTIVITY_DIRECT_PAGEVIEW","on","authUser","user","snapshotData",{"_25":-5,"_26":-5,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5,"_33":-5,"_34":-5,"_35":-5,"_36":-5,"_37":-5,"_38":-5,"_39":-5,"_40":-5,"_41":-5},"lastProjectId","sidebarTab","homepageTab","pinSidebar","settingsOpen","maximized","assetsExpanded","focusedAssetFilename","authError","authErrorCode","authErrorDescription","sidebarWidth","videoMuted","videoVolume","navigationContext","hasSeenFeedOnboarding","nextUpExpanded","plan","balances","rewards","loadedAt",1793343120704,"origins",{"_49":50,"_51":52,"_53":54,"_55":56},"origin","https://websim.com","apiOrigin","https://api.websim.com","contentOrigin","https://{PROJECT_ID}.c.websim.com","appDomainOrigin","https://{SUBDOMAIN}.on.websim.com","isMobile",false,"theme","auto","slug",{"_63":64,"_65":66,"_121":122,"_139":140,"_167":168,"_169":-5,"_170":171,"_172":173},"version","1","project",{"_67":65,"_68":69,"_70":71,"_72":73,"_83":84,"_85":86,"_87":88,"_89":90,"_91":92,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":98,"_99":100,"_61":109,"_110":98,"_111":98,"_112":58,"_113":-5,"_114":-5,"_115":-5,"_116":117,"_118":-5,"_119":-5,"_120":58},"_type","id","32n5ecy9sefpdgr998l2","created_at","2024-07-19T22:34:46.955Z","created_by",{"_67":22,"_68":74,"_75":76,"_70":77,"_78":79,"_80":-5,"_81":-5,"_82":58},"a54be764-6a1b-48ae-8489-67179e7248a8","username","sunnyhaze09247142","2024-07-19T10:26:02.756Z","avatar_url","https://lh3.googleusercontent.com/a/ACg8ocLAxrvkbQSHwk0yFXSzNiR2P-RZRJbbH53VtIYxhsJP4Gn_k2Ol=s96-c","discord_username","discord_id","is_admin","updated_at","2024-11-15T20:36:27.254Z","title","Generador Automático con IA - CreativoAI","comments_mode","open","visibility","public","current_version",1,"last_posted_version","parent_id","parent_version","deleted_at","posted",true,"stats",{"_101":102,"_103":69,"_104":105,"_106":92,"_107":108},"~type","project_stats","project_id","views",12,"likes","comments",0,"generador-autom-tico-con-ia-creativoai","auto_set_current","allow_automatic_improvements","board_enabled","description","generated_description","from_template","domains",[],"thumbnail","video","has_active_experiment","project_revision",{"_67":121,"_68":123,"_63":92,"_70":124,"_125":-5,"_94":-5,"_126":-5,"_127":-5,"_72":128,"_129":130,"_103":69,"_83":84,"_96":-5,"_99":131,"_133":58,"_134":135,"_136":-5,"_137":-5,"_138":-5},"019211fc-4dee-7a47-9cbc-93f5432d1a03","2024-09-21T00:30:00.686Z","visited_at","parent_revision_version","parent_revision_project_id",{"_67":22,"_68":74,"_75":76,"_70":77,"_78":79,"_80":-5,"_81":-5,"_82":58},"meta",{"_63":64},{"_132":108},"multiplayer_count","draft","site_id","Iuzn39AktZfmc9ZoK","chat_session_id","chat_session_run_index","current_screenshot_url","site",{"_67":139,"_68":135,"_94":-5,"_70":141,"_142":143,"_144":145,"_146":147,"_85":150,"_151":152,"_153":154,"_159":-5,"_160":161,"_162":163,"_96":-5,"_164":-5,"_165":166},"2024-07-19T18:02:46.101Z","state","done","model","sonnet","lore",{"_63":92,"_148":149},"attachments",[],"Generador Automático con IA - CreativoAI\n st","owner",{"_67":22,"_68":74,"_75":76,"_70":77,"_78":79,"_80":-5,"_81":-5,"_82":58},"prompt",{"_155":156,"_157":158},"type","plaintext","text","crea un generador de videos e imagenes con las siguientes caracteristicas: \n\n\n \n Generador Automático con IA\n \n\n\n

Generador Automático con IA

\n \n

\n\n

Genera tu Video

\n \n\n

Vista Previa del Video

\n \n

\n\n

Galería de Videos Generados

\n\n

Genera tu Imagen

\n \n\n

Vista Previa de la Imagen

\n \n

\n\n

Contacto

\n \n

\n\n \n\n\n\nbody {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 0;\n}\n\nheader {\n background-color: #4CAF50;\n color: white;\n text-align: center;\n padding: 1em 0;\n}\n\nnav ul {\n list-style-type: none;\n margin: 0;\n padding: 0;\n background-color: #333;\n}\n\nnav ul li {\n display: inline;\n}\n\nnav ul li a {\n color: white;\n padding: 14px 20px;\n text-decoration: none;\n}\n\nnav ul li a:hover {\n background-color: #111;\n}\n\nmain {\n padding: 20px;\n}\n\nform {\n margin-bottom: 20px;\n}\n\nlabel, select, textarea, button {\n display: block;\n margin-bottom: 10px;\n}\n\nbutton {\n background-color: #4CAF50;\n color: white;\n border: none;\n padding: 10px 20px;\n cursor: pointer;\n}\n\nbutton:hover {\n background-color: #45a049;\n}\n\n#videoPreview, #imagePreview {\n margin-top: 20px;\n}\n\nvideo, img {\n width: 100%;\n max-width: 600px;\n}\n\n#videoGallery {\n margin-top: 20px;\n}\n\n#galleryContent video {\n width: 100%;\n max-width: 200px;\n margin-right: 10px;\n}\n\ndocument.getElementById('generateVideoButton').addEventListener('click', generateVideo);\ndocument.getElementById('generateImageButton').addEventListener('click', generateImage);\n\nfunction generateVideo() {\n const description = document.getElementById('videoDescription').value;\n const style = document.getElementById('videoStyle').value;\n const duration = document.getElementById('videoDuration').value;\n\n // Aquí se debe integrar la lógica para generar el video usando IA basado en la descripción, estilo y duración\n // Simulación de la generación de video y la asignación a la vista previa\n const videoElement = document.getElementById('videoElement');\n videoElement.src = 'path/to/generated/video.mp4'; // Reemplazar con la URL del video generado\n videoElement.load();\n\n // Habilitar el botón de descarga\n document.getElementById('downloadVideoButton').addEventListener('click', function() {\n const link = document.createElement('a');\n link.href = videoElement.src;\n link.download = 'video.mp4';\n link.click();\n });\n\n // Añadir el video a la galería\n const galleryContent = document.getElementById('galleryContent');\n const videoInGallery = document.createElement('video');\n videoInGallery.src = videoElement.src;\n videoInGallery.controls = true;\n galleryContent.appendChild(videoInGallery);\n}\n\nfunction generateImage() {\n const description = document.getElementById('imageDescription').value;\n const style = document.getElementById('imageStyle').value;\n const count = document.getElementById('imageCount').value;\n\n // Aquí se debe integrar la lógica para generar las imágenes usando IA basado en la descripción, estilo y cantidad\n // Simulación de la generación de imágenes y la asignación a la vista previa\n const imageElement = document.getElementById('imageElement');\n imageElement.innerHTML = ''; // Limpiar vista previa anterior\n for (let i = 0; i < count; i++) {\n const img = document.createElement('img');\n img.src = 'path/to/generated/image' + i + '.jpg'; // Reemplazar con la URL de la imagen generada\n imageElement.appendChild(img);\n }\n\n // Habilitar el botón de descarga\n document.getElementById('downloadImageButton').addEventListener('click', function() {\n const link = document.createElement('a');\n link.href = imageElement.children[0].src;\n link.download = 'image.jpg';\n link.click();\n });\n}\n\n integrar un servicio de inteligencia artificial que acepte las descripciones y parámetros dados, y devuelva las URLs de los recursos generados.","url","link_url","/p/32n5ecy9sefpdgr998l2","versioned_link_url","/p/32n5ecy9sefpdgr998l2/1","yapping","page_description","The page is titled \"Generador Automático con IA - CreativoAI\" and features a user-friendly interface that allows visitors to generate videos and images…","cursor","eyJpZCI6IjMybjVlY3k5c2VmcGRncjk5OGwyIn0","token","included",[],"about",{"_174":-5},"parent","routes/browser/layout","actionData","errors"]