13 ms·

Good job! I've created gif meme creator and so far I've only received one 5 USD donation. :D https://gifmemes.io https://gifmemes.io

by kebsup 5y ago

par 5y ago
Uhhh, WOW! This is actually really well done. I love the labels anchored to the objects in the image. That is so crucial. And the frame editor, the label position editor, I mean this is seriously well done. I think it might be a bit too powerful for average users though.
- kebsup 5y ago
  It was my bachelor's thesis project, so I just kept adding features. There is a simplified version on mobile, in which you just choose a template and change texts.
  - mettamage 5y ago
    Where did you study? It sounds like a fun uni!
atum47 5y ago
this looks super cool. I'm working (from time to time) in a web flash app, that could be used to this kind of meme creation. How do you do the tracking? Is it blob tracking or do you use something more sofisticated? this is how my web flash app is coming along: https://www.youtube.com/playlist?list=PL3pnEx5_eGm9BbCp2ZTj6LTknue5guAL2 https://www.youtube.com/playlist?list=PL3pnEx5_eGm9BbCp2ZTj6...
- atum47 5y ago
  I'm also interested in the GIF export. Right now I'm only exporting videos using canvas record stream, but I'm thinking about using ffmpeg.js to support different formats including animated gifs
  - kebsup 5y ago
    I've tried using ffmpeg but the browser support just isn't very good yet, so I'm using https://github.com/deanm/omggif https://github.com/deanm/omggif.
  - tylerlarson 5y ago
    I work for PaperlessPost.com, and for our Flyer product we export mp4s from ffmpeg compiled to WASM, which is similar to ffmpeg.js but optimized for our use case which sounds similar. We have this WebAssembly method working well but iOS 15 (and the other major browsers) now support MediaExporter which might be a better way to go if you have something else to convert these files. This becomes and issue because you can't control the format MediaRecorder is recording to but the management of memory, the image quality, the compression, the performance hit will be more ideal than these other methods. OMGgif is very slow and will produce large files or very bad looking ones. Keep in mind that GIFs limit the colors so something that looks nice on the screen might not look the same after it is saved. The other thing to look out for is the WebCodecs APIs which should be the ultimate way to handle all of this in the future but it is only working in Chrome I think https://github.com/w3c/webcodecs https://github.com/w3c/webcodecs
- kebsup 5y ago
  The tracking is basically a greedy search of the least sum of square differences of pixels in anchor, so even simpler than that.
cookingrobot 5y ago
Looks neat. FYI the templates search isn’t working. I’d love to browse for more examples.
jwithington 5y ago
template search isn't working. did you exceed your search api's limit lol
- kebsup 5y ago
  yep, I needed to upgrade firebase.
  - par 5y ago
    get on the blaze plan :D
maximum_stress 5y ago
You're also missing an obvious donation link. Might want to link to Patreon, Paypal, a *coin address. Something.
didibus 5y ago
Well, you offer it for free, but also you don't target mobile? Maybe that's the difference?
zem 5y ago
that's seriously impressive!
khazhoux 5y ago
How do I donate? I'll double your year-to-date earn!
- kebsup 5y ago
  The donate button shows up only after gif export. It did not want to clutter the ui.
  - behnamoh 5y ago
    You're one good conscientious developer.
aazaa 5y ago
> The total cost of this tool is: 60$ (yearly, domain) + 60$(yearly, hosting) + more than 150 hours of programming (which would be about 4000$ from where I live). Revenue is non-existent. I've decided to leave the site ad-free because ads suck but now it's only eating money so please donate. My current plan on getting a payout is getting Elon Musk to use it and hoping he will buy me a Tesla. That is a seriously good result for 150 hours give or take. I wonder if Elon peruses HN...
drevil-v2 5y ago
That looks amazing. Did you have fun building it? What's your tech stack?
tomrod 5y ago
https://gfycat.com/WellwornHalfHake https://gfycat.com/WellwornHalfHake
steelbrain 5y ago
I went to your website and pressed space. It broke :P > An unexpected error has occurred.
- jaeh 5y ago
  this.props.player.decodedFrames is undefined guess they play/pause functionality does not check if there is something to play/pause. @steelbrain: should be quite easy to fix.
mimifriends 5y ago
Neat. I have a real business problem to solve using very similar techniques if you are interested to discuss. Not memes specifically, but with the image and text mix.
Mossly 5y ago
Would you be open to adding .webm or perhaps even .mp4 support with a filesize limit? In my opinion .gif has rapidly become a legacy format.
- egfx 5y ago
  Your opinion is misconstrued.
  - bluecatswim 5y ago
    How? Of course asking OP to add features for a site he offers for free is wrong, but I don't think he's wrong about gif. As far as I know all the "gif" sharing sites like giphy and stickers in chat apps like discord, etc actually use webms/webps.
    - Mossly 5y ago
      Twitter for instance automatically converts gif to h264. However there is a point to be made that iOS only grants VP9 decoding to Youtube, certain colourspaces fail to decode on Android etc. ergo gif is a safe default.
    - egfx 5y ago
      Gif is simply the most versatile format on the face of the planet. When you go down the rabbit hole you’ll discover this too.
- kebsup 5y ago
  I've tried pretty hard to get it to work with ffmpeg and mediaRecorder, but both of these options are quite limited at the moment and the results just weren't good enough. Other option would be to go server-side which I don't want to do.
  - Mossly 5y ago
    I was unaware the rendering could and was being done client-side! Given the limitations I can see why gif would indeed be suitable format. You've tooled a compelling amount of functionality into something very lightweight and convenient, and that's a more than acceptable tradeoff.
CiPHPerCoder 5y ago
How do we pay for this?
- kebsup 5y ago
  A donate button shows up after you export a gif.
  - ezconnect 5y ago
    You should have a donate button on the front page.
bcherny 5y ago
This is neat! Is it open source? Or, do you have a write up about the algorithm somewhere?
- kebsup 5y ago
  You can download my bachelor's thesis here: https://dspace.cvut.cz/handle/10467/92780 https://dspace.cvut.cz/handle/10467/92780 (it's the "plny text" link)
lpa22 5y ago
This is incredible work
rPlayer6554 5y ago
Wow that is amazing...how can I donate? I've wanted an easy way to make animated memes for a while...
im3w1l 5y ago
It looks nice, but some people might be instantly turned off by the new meme dialog. I was pretty tired so I didn't read everything that carefully, and just pressed the "upload gif" button expecting file picker, but instead I got an error message that the upload failed. I actually thought your webpage was broken. Only when I when back and read everything carefully did I realize what had happened. Two and a half suggestions: In my mind upload means its transferred from my device, so consider changing the text to "fetch" or something. Handle empty url as a special case. Like maybe just highlight the url box in a red border or something. And finally the half suggestion: measure whether uploading (my guess, but idk) or fetching is the more common usecase, and emphasize that one visually.
bernardv 5y ago
Great job, especially the UI, which is clean and simple. I like the Tools section of your thesis - not being up-to-speed on web dev, I understood the which? and why? of your tech stack in under 5 minutes.
catears 5y ago
That tool is great! Sent you some teslas (or coffe) and commemorating it with this silly meme I made: https://gfycat.com/DampDesertedAfricanhornbill https://gfycat.com/DampDesertedAfricanhornbill
notabanker 5y ago
It would be ideal if the app creator is able to provide some verification to show they are indeed generating the stated revenue of $4K per month? At the very least it will help me improve my understanding of the kind of things for which people are willing to part their hard earned money.
tomerbd 5y ago
I wonder now two things created to solve same problem 1 - $5 total revenue 2 - $4000/month ? What was the marketing difference???

Good job! I've created gif meme creator and so far I've only received one 5 USD donation. :D https://gifmemes.io https://gifmemes.io

by kebsup 5y ago

Good job! I've created gif meme creator and so far I've only received one 5 USD donation. :D https://gifmemes.io https://gifmemes.io

par 5y ago

Uhhh, WOW! This is actually really well done. I love the labels anchored to the objects in the image. That is so crucial. And the frame editor, the label position editor, I mean this is seriously well done. I think it might be a bit too powerful for average users though.

kebsup 5y ago
It was my bachelor's thesis project, so I just kept adding features. There is a simplified version on mobile, in which you just choose a template and change texts.
- mettamage 5y ago
  Where did you study? It sounds like a fun uni!

atum47 5y ago

this looks super cool. I'm working (from time to time) in a web flash app, that could be used to this kind of meme creation. How do you do the tracking? Is it blob tracking or do you use something more sofisticated? this is how my web flash app is coming along: https://www.youtube.com/playlist?list=PL3pnEx5_eGm9BbCp2ZTj6LTknue5guAL2 https://www.youtube.com/playlist?list=PL3pnEx5_eGm9BbCp2ZTj6...

atum47 5y ago
I'm also interested in the GIF export. Right now I'm only exporting videos using canvas record stream, but I'm thinking about using ffmpeg.js to support different formats including animated gifs
- kebsup 5y ago
  I've tried using ffmpeg but the browser support just isn't very good yet, so I'm using https://github.com/deanm/omggif https://github.com/deanm/omggif.
- tylerlarson 5y ago
  I work for PaperlessPost.com, and for our Flyer product we export mp4s from ffmpeg compiled to WASM, which is similar to ffmpeg.js but optimized for our use case which sounds similar. We have this WebAssembly method working well but iOS 15 (and the other major browsers) now support MediaExporter which might be a better way to go if you have something else to convert these files. This becomes and issue because you can't control the format MediaRecorder is recording to but the management of memory, the image quality, the compression, the performance hit will be more ideal than these other methods. OMGgif is very slow and will produce large files or very bad looking ones. Keep in mind that GIFs limit the colors so something that looks nice on the screen might not look the same after it is saved. The other thing to look out for is the WebCodecs APIs which should be the ultimate way to handle all of this in the future but it is only working in Chrome I think https://github.com/w3c/webcodecs https://github.com/w3c/webcodecs
kebsup 5y ago
The tracking is basically a greedy search of the least sum of square differences of pixels in anchor, so even simpler than that.

cookingrobot 5y ago

Looks neat. FYI the templates search isn’t working. I’d love to browse for more examples.

jwithington 5y ago

template search isn't working. did you exceed your search api's limit lol

kebsup 5y ago
yep, I needed to upgrade firebase.
- par 5y ago
  get on the blaze plan :D

maximum_stress 5y ago

You're also missing an obvious donation link. Might want to link to Patreon, Paypal, a *coin address. Something.

didibus 5y ago

Well, you offer it for free, but also you don't target mobile? Maybe that's the difference?

zem 5y ago

that's seriously impressive!

khazhoux 5y ago

How do I donate? I'll double your year-to-date earn!

kebsup 5y ago
The donate button shows up only after gif export. It did not want to clutter the ui.
- behnamoh 5y ago
  You're one good conscientious developer.

aazaa 5y ago

> The total cost of this tool is: 60$ (yearly, domain) + 60$(yearly, hosting) + more than 150 hours of programming (which would be about 4000$ from where I live). Revenue is non-existent. I've decided to leave the site ad-free because ads suck but now it's only eating money so please donate. My current plan on getting a payout is getting Elon Musk to use it and hoping he will buy me a Tesla. That is a seriously good result for 150 hours give or take. I wonder if Elon peruses HN...

drevil-v2 5y ago

That looks amazing. Did you have fun building it? What's your tech stack?

tomrod 5y ago

https://gfycat.com/WellwornHalfHake https://gfycat.com/WellwornHalfHake

steelbrain 5y ago

I went to your website and pressed space. It broke :P > An unexpected error has occurred.

jaeh 5y ago
this.props.player.decodedFrames is undefined guess they play/pause functionality does not check if there is something to play/pause. @steelbrain: should be quite easy to fix.

mimifriends 5y ago

Neat. I have a real business problem to solve using very similar techniques if you are interested to discuss. Not memes specifically, but with the image and text mix.

Mossly 5y ago

Would you be open to adding .webm or perhaps even .mp4 support with a filesize limit? In my opinion .gif has rapidly become a legacy format.

egfx 5y ago
Your opinion is misconstrued.
- bluecatswim 5y ago
  How? Of course asking OP to add features for a site he offers for free is wrong, but I don't think he's wrong about gif. As far as I know all the "gif" sharing sites like giphy and stickers in chat apps like discord, etc actually use webms/webps.
  - Mossly 5y ago
    Twitter for instance automatically converts gif to h264. However there is a point to be made that iOS only grants VP9 decoding to Youtube, certain colourspaces fail to decode on Android etc. ergo gif is a safe default.
  - egfx 5y ago
    Gif is simply the most versatile format on the face of the planet. When you go down the rabbit hole you’ll discover this too.
kebsup 5y ago
I've tried pretty hard to get it to work with ffmpeg and mediaRecorder, but both of these options are quite limited at the moment and the results just weren't good enough. Other option would be to go server-side which I don't want to do.
- Mossly 5y ago
  I was unaware the rendering could and was being done client-side! Given the limitations I can see why gif would indeed be suitable format. You've tooled a compelling amount of functionality into something very lightweight and convenient, and that's a more than acceptable tradeoff.

CiPHPerCoder 5y ago

How do we pay for this?

kebsup 5y ago
A donate button shows up after you export a gif.
- ezconnect 5y ago
  You should have a donate button on the front page.

bcherny 5y ago

This is neat! Is it open source? Or, do you have a write up about the algorithm somewhere?

kebsup 5y ago
You can download my bachelor's thesis here: https://dspace.cvut.cz/handle/10467/92780 https://dspace.cvut.cz/handle/10467/92780 (it's the "plny text" link)

lpa22 5y ago

This is incredible work

rPlayer6554 5y ago

Wow that is amazing...how can I donate? I've wanted an easy way to make animated memes for a while...

im3w1l 5y ago

It looks nice, but some people might be instantly turned off by the new meme dialog. I was pretty tired so I didn't read everything that carefully, and just pressed the "upload gif" button expecting file picker, but instead I got an error message that the upload failed. I actually thought your webpage was broken. Only when I when back and read everything carefully did I realize what had happened. Two and a half suggestions: In my mind upload means its transferred from my device, so consider changing the text to "fetch" or something. Handle empty url as a special case. Like maybe just highlight the url box in a red border or something. And finally the half suggestion: measure whether uploading (my guess, but idk) or fetching is the more common usecase, and emphasize that one visually.

bernardv 5y ago

Great job, especially the UI, which is clean and simple. I like the Tools section of your thesis - not being up-to-speed on web dev, I understood the which? and why? of your tech stack in under 5 minutes.

catears 5y ago

That tool is great! Sent you some teslas (or coffe) and commemorating it with this silly meme I made: https://gfycat.com/DampDesertedAfricanhornbill https://gfycat.com/DampDesertedAfricanhornbill

notabanker 5y ago

It would be ideal if the app creator is able to provide some verification to show they are indeed generating the stated revenue of $4K per month? At the very least it will help me improve my understanding of the kind of things for which people are willing to part their hard earned money.

tomerbd 5y ago

I wonder now two things created to solve same problem 1 - $5 total revenue 2 - $4000/month ? What was the marketing difference???