kupad / meme-it-so

Meme It So is A media (TV show and Movie) screen capture and text caption database and image macro generator.

Meme It So: A Star Trek TNG Meme Generator

Intro

Meme It So is a media (TV show and Movie) screen capture and text caption database and image macro generator. It was made for making Star Trek TNG Memes. It is (clearly) heavily inspired by Frinkiac.

Server is agnostic to the media content.

Client-side is currently themed for Star Trek TNG. In the future I may try to make it more generic for easy installion for any show.

Website: https://memeit.so

Installation

#install ttf-mscorefonts (for Impact.ttf)
> sudo apt install ttf-mscorefonts-installer

#install ffmpeg
> sudo apt install ffmpeg

# install python3-dev tools
> sudo apt-get install python3-dev python3-pip python3-venv python3-wheel -y

# run venv:
> python3 -m venv venv

# activate venv
> source venv/bin/activate 

##################################
##################################

#install meme-it-so server
> pip install .


#preparation steps:

...TODO...

License Notice

"Meme It So" is a media (TV show and movies) screen capture and text caption database and image macro generator. Copyright (C) 2021 Phillip Dreizen

Meme It So is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

Meme It So is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License along with this program. If not, see https://www.gnu.org/licenses/.

meme-it-so's Issues

Add in "Random" button to be taken to a random caption

Implement a Random button

Fix episode S07E16

it's a broken

Need a 404 page

Right now a 404 just leads to a blank page. Need a real 404 page.

Scene Page: prev/next scene clickable

For context, I'm providing the text for the previous and next scenes being viewed. Maybe they should be clickable, so the user can jump to that scene.

Crillee font?

Purchase the Crillee front for use in the Credits. It'll look better.

bug: apostrophes in Meme Editor crashing Safari on iPhone

"Apostrophes seem to crash the meme editor. At lease on Safari on my iPhone. It reloads the screen as blank."

High Priority: add meme text to gifs

RANDOM button is slow

Fix the speed of the RANDOM button.

include titles in search

It makes sense to include titles in search

select a favicon for memeitso

Need a favicon

Episode View page: jump to specific ms

Right now the episode view page has no mechanism to jump to a specific time offset. I'm not even 100% sure I want that behavior, but it might be convenient.

GIF optimizer - get the gifs the smaller

Right now they are too big

Link on buttom right of front page, before search results, explaining the website

Have a link to more information about the website.

rename img_url to imgUrl

Feature Request: Change text throughout the GIF

From a reddit user:
"I can't figure out how to make different text pop up at different points in a gif, it just shows the same text throughout the entire length of the GIF. Is that going to be added at some point?"

Scene: back to search button

When in a scene, offer a back to search button

optional gif looping params

reverse: gif loops in reverse
mirror: gif goes fwd then back

(suggested by Mike)

change python logging settings

Better formatted output

react/flask: implement paginated search

right now all hit are displayed at once. instead, have a "MORE" button on the bottom to get the next page

Arguably, limit total hits to a reasonable number.

react/flask: implement pages for ALL "scenes" in episode

When going to the "Scene" view, include a link to a page that lists ALL scenes for the episode.

Responsive Design: Make it look good on phones

tailwinds 640 width

This is worthy of a Project.

add meta tags to scenes

For instance, people will want to find "facepalm", but the scene with facepalm does not include the word facepalm. So I need a way to add that information in and make it included in the search

nginx cache over generated gifs and memes

optimize the generation of gifs and memes with an nginx cache

Gif Editor: clicking prev need to update the display image

react/flask: in scene view, show text for previous and next scenes

For context sake, show the text for previous and next scenes.

Gif Editor: Time display error

After updating the assets, the listed time for a gif is 2x as long as it was before. But I believe this is in error.

small thumbnails

currently thumbnails are full sized images scaled down client side. That's not good (server is sending too much into, bad for cell data).

Scene: show surrounding captions even when the currently viewed timeoffset has no captions

Context is almost more important when the currently displayed frame is has no captions.

STTNG: Episodes Dialogue errors

The following sync issues are due to subtitles that do not include the opening credits for video that includes them:

S05:
S05E07
S05E16
S05E17
S05E19
S05E22
S05E23
S05E26

S06:
S06E02
S06E03
S06E04
S06E05
S06E07
S06E08
S06E09
S06E10
S06E14
S06E18
S06E20
S06E21
S06E22
S06E26

scene: space between "episode" and time

This is driving Mer crazy. Needs space.

Generated Meme: include share to social networks

::sigh:: Not looking forward to putting the share on social media buttons or testing them, but it's a feature people will probably enjoy.

Front page: need information / graphic when first arriving on page

When first arriving on page need more than a big blank nothing. Text describing what the site is and a big image could be nice.

Popularity for assiting in rank?

Popularity of memes generated?

Popularity of the episode? (based on IMDB?)

QUESTION: should "Closed Captioning" (which describes sounds and the scene) be included in searches?

Not clear if it's more useful than not. But it would allow searches for meta information.

IE: If Picard is playing a flute, but no one said the word "flute" in the scene, a closed caption might have said "playing flute" and come back in the hits

But normal CC might not be so useful. It might say "playing music". So MANUAL ENTRIES by me might be necessary...

confusing proxy bug

Sometimes, when proxying to the generated meme, the server returns a 304, and react ends up rendering an empty page.

GIF scrolling save state of currently viewed frame

Improve 404 Not Found page

Right now, just a simple placeholder.

Make "MEME IT SO" logo in Star Trek title font

Top divider changes (LCARS bar)

Left side should have a half pill like the right side

Change: STTNG SCREENCAP DATABASE to

STTNG MEME GENERATOR

Gif Editor: remove pivot point highlighting

Meme Top and Bottom Text?

Could improve the Meme Editor by allowing top and bottom text instead of just buttom text.

Seems good, but, will clutter the screen.

Cropped image of Picard saying "engage" or "make it so" on front page?

react Thumbnail Nav needs to limit on min and max frame

server needs to pass back max frame. ThumbnailNav will make sure it limits itself to the 0 and max frame

GIF Editor: keep clicking right or left in editor and eventually get -seconds!!!!

It shouldn't go below zero

flask: Meme Text shadow

It would be much easier to read meme text it had shadowing

Preserve Gif state

After Generating GIF, and clicking back, return back to the location that brought you to the generated gif.

CDN for image assets

episode view: abort() not defined

eg: goto: https://memeit.so/episode/ep/S05E27

MemeEditor: clicking back resets state

Right now, when clicking on BACK after the image has been generated, loses the state and any changes made. Better to keep the previous state and populate the text box with what was generated.

This is a typical PITA with React forms

make ThumbnailNav scrollable?