matchamoon / tsubasa Goto Github PK

• Add meta tags
• Use SSG for meta tags on each page

Show units and round to 2 decimal places

Catch the case where there is no audio accompanying the video

Simplify to 2 decimal places, without affecting/changing/rounding the underlying number

A popular chat service increased the file size limit to 25MB back in April, which has been the biggest upload ceiling holding back the 8MB default for Tsubasa.

Videos fail when there are non-alphanumeric characters in the file name

Simplify to 2 decimal places, without affecting/changing/rounding the underlying number

Can you make the size under "Choose your size" round to 2 decimal points?

Originally posted by @milkyskies in #16 (review)

Tsubasa is a project developed to test ffmpeg-wasm implementation in the browser, and this should be more prominently displayed.

A utility to set the message text to inform the user of current progress. Must be usable from places other than App.vue (e.g. service classes)
Not sure how to do this properly with Vue.

Show a status message for users to know if an error happened, without needing to open console

• #1 Show status message
• Show progress percentage
• Disable editing input fields during and after ffmpeg has already completed
• Add a cancel button
• Show error indicator
• Show advanced details (console output)?

To make this app simpler to run in a cloud environment, we can containerize the app by using Docker and creating a simple Dockerfile that looks like:

FROM node:lts-alpine

# install simple http server for serving static content
RUN npm install -g http-server

# make the 'app' folder the current working directory
WORKDIR /app

# copy both 'package.json' and 'package-lock.json' (if available)
COPY package*.json ./

# install project dependencies
RUN npm install

# copy project files and folders to the current working directory (i.e. 'app' folder)
COPY . .

# build app for production with minification
RUN npm run build

EXPOSE 8080
CMD [ "http-server", "dist" ]

Source: https://v2.vuejs.org/v2/cookbook/dockerize-vuejs-app

I’ve tried this setup and this Dockerfile works, but an application error is thrown that’s not thrown on the demo website:

ReferenceError: SharedArrayBuffer is not defined
    at 17b35eff-b80d-4c99-8195-9e4c9e9d7242:22:175
    at Object.be [as load] (index.396c12aa.js:42:4082)
    at async wp.transcode (index.396c12aa.js:42:6842)
    at async l (index.396c12aa.js:42:10753)

ffmpegwasm/ffmpeg.wasm#299

Awaiting new ffmpeg-wasm release