Code Monkey home page Code Monkey logo

scalarhq / videotranscode.space Goto Github PK

View Code? Open in Web Editor NEW
490.0 490.0 52.0 95.26 MB

A video transcoder and converter built using Web Assembly and FFMPEG to transcode and convert videos right in your browser while protecting your privacy

Home Page: https://app.modfy.video/

License: Apache License 2.0

JavaScript 7.49% CSS 6.20% TypeScript 86.30% Shell 0.01%
browser converter ffmpeg hacktoberfest privacy transcode video video-transcoder wasm web-assembly

videotranscode.space's People

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

videotranscode.space's Issues

Video Component Broken

  • Play/Pause button SVG not correct and not working
  • Fullscreen mode crashes react

Related to #54, should be solved together

Requires Firefox 79 or greater

Weird File Names

For weird file names, i.e file names with spaces they are not escaped properly into FFmpeg

screenshot

  • See How JS is storing the files locally

  • Escape the Inputted String to FFmpeg

  • Preparably Rename Every File to input.${extension}

Fatal Error In Loading Formats or Codecs

Basically the entire site is bricked by this right now, and cannot properly build

codecs (1:7)
1: {"H264":{"name":"H.264","compressionRange":{"min":1,"max":51},"ffmpegLib":"libx264"},"MPEG4":{"name":"MPEG-4","compressionRange":{"min":1,"max":31},"ffmpegLib":"libxvid","notSupported":true},"WINDOWS":{"name":"Windows Media Video","compressionRange":{"min":1,"max":51},"ffmpegLib":"wmv2"}}
          ^
Error: Unexpected token (Note that you need plugins to import files that are not JavaScript)
    at error (/home/cryogenic/ffmpeg-wasm/Video-Transcoder/node_modules/rollup/dist/shared/rollup.js:213:30)
    at Module.error (/home/cryogenic/ffmpeg-wasm/Video-Transcoder/node_modules/rollup/dist/shared/rollup.js:15196:16)
    at tryParse (/home/cryogenic/ffmpeg-wasm/Video-Transcoder/node_modules/rollup/dist/shared/rollup.js:15083:23)
    at Module.setSource (/home/cryogenic/ffmpeg-wasm/Video-Transcoder/node_modules/rollup/dist/shared/rollup.js:15487:30)
    at ModuleLoader.addModuleSource (/home/cryogenic/ffmpeg-wasm/Video-Transcoder/node_modules/rollup/dist/shared/rollup.js:17519:20)
    at ModuleLoader.fetchModule (/home/cryogenic/ffmpeg-wasm/Video-Transcoder/node_modules/rollup/dist/shared/rollup.js:17586:9)
    at /home/cryogenic/ffmpeg-wasm/Video-Transcoder/node_modules/rollup/dist/shared/rollup.js:17549:36
    at async Promise.all (index 0)
    at ModuleLoader.fetchModule (/home/cryogenic/ffmpeg-wasm/Video-Transcoder/node_modules/rollup/dist/shared/rollup.js:17587:9)
    at /home/cryogenic/ffmpeg-wasm/Video-Transcoder/node_modules/rollup/dist/shared/rollup.js:17549:36```

Default Aspect Ratios

  • Add default aspect ratios like default framerate or default compression

From Instagram DMs

[BUG] [CRASH] Failed to play a webm video

The error got triggered when I tried to play a converted video which is in .webm format.

Note: I tried to play it after I downloaded the output video.


Browser Version: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.102 Safari/537.36


Error Message : Uncaught TypeError: Failed to set the 'currentTime' property on 'HTMLMediaElement': The provided double value is non-finite.


Call Stack : undefined

[BUG] [CRASH] shared array buffer

I have tried it in both Chrome Version 87.0.4280.66 (Official Build) (64-bit) and Firefox Version 80, however I get the below error

image


Browser Version: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.66 Safari/537.36


Error Message : Uncaught RuntimeError: abort(OOM). Build with -s ASSERTIONS=1 for more info.


Call Stack : undefined

Progress bar bug when uploading a file called "output.mp4"

Error message: File 'output.mp4' already exists. Exiting.
When a file called output.mp4 is uploaded and the settings H.264 and MP4 are chosen, that bug appears and the visual display says finished but the progress bar will be stuck at 1%.

image

[BUG] [CRASH] Other tests

Tried with only a jpeg and I got a download. Only error I found was that the picture was rotated left (down to "landscape mode" as the picture was in "portrait mode").
When I tried with three pictures only the first (also rotated) picture was included in a 0 sec video.
The attached error message came when I tried to reload IIRC:


Browser Version: Mozilla/5.0 (X11; FreeBSD amd64; rv:85.0) Gecko/20100101 Firefox/85.0


Error Message : InternalError: too much recursion


Call Stack : undefined

[BUG] [CRASH] [Bromite] Uncaught ReferenceError: Atomics is not defined

I got this error while browsing in Bromite version 85.0.4183.114 in Android 9 (Lineage OS + microG)


Browser Version: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.114 Safari/537.36


Error Message : Uncaught ReferenceError: Atomics is not defined


Call Stack : undefined

Safari Support

Are there any plans to support Safari? Are there any ways to workaround this?

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.