Code Monkey home page Code Monkey logo

sorawebui's Introduction

SoraWebui

SoraWebui is an open-source project that simplifies video creation by allowing users to generate videos online with OpenAI's Sora model using text, featuring easy one-click website deployment. 👉 SoraWebui

English | 简体中文 | 日本語

Project Plan

  • ✅ Generate video by words(Use FakeSoraAPI):

    You can see this feature in 👉 main or 👉 version-0.1

  • ✅ Login with Google:

    You can see this feature in 👉 login or 👉 version-0.2

  • ✅ Google One Tap Login:

    You can see this feature in 👉 login or 👉 version-0.3

  • Stripe payment:

    Coming soon

  • Add OpenAI’s Sora API:

    Waiting for OpenAI launch Sora's API, then we will launch this feature.

Quick Started

Deploy on Vercel

Deploy with Vercel

1. Clone project

git clone [email protected]:SoraWebui/SoraWebui.git

2. Install dependencies

cd SoraWebui && yarn
#or
cd SoraWebui && npm install
#or
cd SoraWebui && pnpm install

3. copy .env.example and rename it to .env.local

# website URL
NEXT_PUBLIC_SITE_URL=http://localhost

# openai config
OPENAI_API_KEY=sk-XXXXXX
OPENAI_API_BASE_URL=http://localhost:8081
OPENAI_API_MODEL=sora-1.0-turbo

4. Run it

yarn dev
#or
npm run dev
#or
pnpm dev

5. Open http://localhost with your browser to see it.

success_deploy.jpg

Important

SoraWebui requires FakeSoraAPI to function properly.

Star History

Star History Chart

sorawebui's People

Contributors

eltociear avatar littletry avatar qiayue avatar yangchuansheng avatar zooma02 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

sorawebui's Issues

Well, I tried the website and it was stupid

Prompt: A luxury residential recording studio

Output:Prompt: A stylish woman walks down a Tokyo street filled with warm glowing neon and animated city signage. She wears a black leather jacket, a long red dress, and black boots, and carries a black purse. She wears sunglasses and red lipstick. She walks confidently and casually. The street is damp and reflective, creating a mirror effect of the colorful lights. Many pedestrians walk about.

PORT 80 is not available but cannot change through .env.local

Your Work is awesome!
But my port 80 is equipped by other service and I want to change it to other.
I tried to modify the .env.local file as below but is doesn't work. ( Am I modifying the wrong one ? T-T)
image
Could anyone tell me how to figure this? Thanks a lot!

wrong response and wrong prompt

The product form is excellent, providing concise input and output.
The program seems to process my prompts, but not accurate enough. Some prompts have no response at all and some will return the result of the previous prompt.
Given that this is just a mock api, maybe you guys are aware of this issue already, hope there will be a follow-up real api to do better.

关于返回数据

阅读代码后发现,实际上web是请求的视频url,但是真正的sora很有可能是流式返回数据的吧

【又来请教啦大佬 登录 - cookie 缓存】

async function init() { const user_id = sessionStorage.getItem("user_id"); if (user_id) { await getUserById(user_id); } else { if (status == 'authenticated') { await getUserByEmail(session.user.email); } else if (status == 'unauthenticated') { console.log('未验证'); setIntervalUserData(undefined); // https://www.npmjs.com/package/google-one-tap const options = { client_id: process.env.NEXT_PUBLIC_GOOGLE_CLIENT_ID, // required auto_select: false, // optional cancel_on_tap_outside: false, // optional context: 'signin', // optional }; googleOneTap(options, (response) => { const token = response.credential; getUserOneTap(token); }); } } }

这个地方的 这段代码 我感觉 就没执行呀

googleOneTap(options, (response) => { const token = response.credential; Cookies.set("iuu_userInfo", 1111, { expires: 7 }); getUserOneTap(token); });

    然后我 添加了   没结果 ,sessionStorage,也是没结果  ,然后 第一次授权成功后的 函数是哪一个呀  ,我想 set一个cookie键值对 ,这样不用每个  页面 都去数据库请求用户的信息了 ,

Failed to start server

yarn run v1.22.21
$ next dev --port 80
⨯ Failed to start server
Error: listen EADDRINUSE: address already in use :::80
at Server.setupListenHandle [as _listen2] (node:net:1872:16)
at listenInCluster (node:net:1920:12)
at Server.listen (node:net:2008:7)

all l try
input: sudo netstat -ap | grep 80
ouput:no port 80 work

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.