bnidevs / the-hotbox

Browser Video Deepfryer with AWS Backend

the-hotbox

the-hotbox's Issues

brightness effect

Default Button

We should add a 'Default' button that sets the slider values to their default state.

I'm adding this issue and am immediately going to work on it.

add footer

add checkboxes for 2 more video editing options

laser eyes + head bulge, should be below sliders

add slider values to payload params

add random hash to filename before upload

Add to repo readme

distortion/noise effect

wiki

Add image preview

Create two column structure with the slider inputs and a box doc where I can place an image

Port ModifyContrast

add function to shorten decimals

given a var f which is a float, shorten the string representation of f to 2 decimal places

so the function signature should be

var shorten_float = (f) => {
//
//   do something
//
return shortened_string;
}

laser eyes

add sliders for brightness, contrast and saturation

should be below the choose file button and above the upload progress bar

Certain page elements do no update when refreshing the page

Not all of the parameters on the page refresh to their default state when the page is refreshed. (e.g. the sliders will not move when refreshing the page, upload button doesn't empty the video file when refreshing the page).

Read the video into python

no golang github action with opencv dependency

NO COMMITTING WITHOUT TESTING LOCALLY (yet)

dockerfile needs to work similar to link in comments

head bulge

Add dark mode

This should be a switchable option at the bottom of the page that the user can toggle

Create handoff for blob to video

Port ModifySaturation

add another progress container to index.html

this progress container should be of the same format as the upload progress container, with different IDs than the upload elements

grab 1st frame and display in div

upload progress bar working

Microsoft Edge Problem never see preview

So I am on Microsoft Edge, and I uploaded a video, but the rectangle showing what I assume would be the deep-fried video says "No Preview Available"

To Reproduce
Steps to reproduce the behavior:

1. Be on Microsoft Edge
2. Upload a video
3. Click upload & wait
4. Boom
   

contrast effect

create basic pages for V1 stage in frontend folder

add server side size verification

dynamic favicon selection

upon loading the website, load a random deepfried meme as the favicon

example: https://pics.me.me/deep-fried-shrek-37275264.png

Port the Noise Effect

Add download button

Should be initialized as hidden

display: none

Should be below sliders

upload to s3

themes

• make halloween theme (orange + black , somethin like that)

• make footer theme selector a dropdown choice
  like this:

<select name="cars" id="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Write the video processor

In the end we will want it to be asynchronous, but we can always write a synchronous processor for testing

Make css for webpage more meme

saturation effect

So I am on Microsoft Edge, and I uploaded a video, but the rectangle showing what I assume would be the deep-fried video

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Screenshots
If applicable, add screenshots to help explain your problem.

Additional context
Add any other context about the problem here.

make website less stretchy

everything becomes really far apart when the window is wide

add some vertical space between elements

centralize pages

threading

add source link to page footer

Port ModifyBrightness

Port PerlinNoiseDistortion

This isn't strictly necessary but it is very cool and shouldn't be too difficult given that the code is already written

save the user theme selection

save it in cookies or somewhere as a default