Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Questions] Debug why images don't show up in the editor even after being fetched #11

Open
evidanary opened this issue Aug 23, 2024 · 3 comments

Comments

@evidanary
Copy link

I've created a copy of the youtube-shorts folder and customized it. Everything is working great. The npm run render produces the right video with the correct images, audio, captions, etc.

However, when I view the video in the editor, the images are not shown. The captions and audio work as expected in the editor. I can confirm that the files are being fetched (by looking at the network traffic). They just aren't displayed in the editor.

Screenshot 2024-08-23 at 3 52 56 PM

Any pointers on how I can go about debugging why the images are not shown in the editor?

@evidanary
Copy link
Author

Bumping this up @justusmattern27 . Any pointers on how to debug will be greatly appreaciated

@justusmattern27
Copy link
Member

@evidanary sorry for the late response! Are you using the default images from the repository from our revideo bucket? If not, images from remote urls often cause CORS permission errors.

I would also always check if downloading the images and putting them into your /public folder solves things to rule out that anything is wrong with the image itself. Can you check that that is the case?

@justusmattern27
Copy link
Member

@evidanary I would also advise you to upgrade to 0.5.7 (I'm seeing that you use 0.4.8 since the shorts repo wasn't updated anymore since this version).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants