Create a folder and put the following files inside:

• ogglify.exe
• ogglify-fast.bat
• ffmpeg.exe from /bin/ffmpeg.exe*

* ffmpeg is not provided on this site as it is too large, and also not mine. If you want to get a version that isn't 32-bit static, check their downloads page for Windows.

1. In your explorer, select your image file, your sound(s) you want to embed
2. Drag them all onto "ogglify.exe" or "ogglify-fast.bat"
3. Sit back and wait
4. When the command prompt disappears, you should be left with an image named "image-embed.ext"

The only difference between "ogglify.exe" and "ogglify-fast.bat" is that "ogglify-fast.bat" may be quicker and won't try to get the best possible audio quality.

Create a folder and put the following file inside:

• bigger.exe

And that's it!

You can also rename it to "bigger.best.exe" to get the best quality image. (Check the Settings section for detailed info)

Usage is just as simple as setup: simply drag and drop your image(s) onto the application and let it work its magic.

A command prompt window should appear and disappear. When done, you should be left with new files named "filename-bigger.ext".

In addition to upscaling, it should also convert your source files to the proper format (if they weren't already.)

• Userscript
• Development
• Image encoders/decoders
• Acknowledgements

The script functions by embedding sounds or videos into a small player window inside the browser. This window can be resized, dragged across the screen, and customized to the user's liking.

Settings are accessed by the [S] link in the top right corner, hidden by default. For more information about the title bar buttons, check the preview images section.

• Clicking [tags] in posts load sounds into the player from the relative image
• The "sounds" link next to the image attributes loads all available sounds in the image
• The "Detect Sounds" link will attempt to passively detect any sounds inside images in the entire thread
• The "Load All Sounds" will attempt to load all sounds in the entire thread into the player
• You can click and drag images onto the player
  (either from your computer or from the web browser)

• Links inside posts will be replaced with clickable links; middle clicking on a link will open it, so that it will open in a new tab and not the current one
• Video links which can be opened in the player will display an icon next to them, along with the video title
• This feature can be disabled in the settings if desired

• Videos can be intermixed in your playlist
• If you have URL replacement enabled, clicking on a video link will queue the video in the player
• You can also click and drag video URLs onto the player

• Preview screenshots of videos can be viewed by hovering the link
• This feature can be enabled/disabled in the player's settings page
• Additionally, the size and hover time can be modified

• In addition to videos and sounds, Soundcloud media can also be embedded
• Soundcloud links are replaced similarly to Youtube/Video links

• A file type similar to the Sounds files, except it supports .webm video as well
• For more information on these files, visit the homepage

There is also a built in sound uploader which can be used to add, remove, or re-tag sounds in an image.

This can be particularly useful to re-tag all the images with the [1] tag. It can also auto-detect any sounds in the image you select to upload on the fly.

• Image 1
  • Player with 2 items loaded
  • Image being hovered by mouse; clicking on the image plays/pauses the sound
  • Clicking and dragging the volume bar on the left changes the volume
  • Title-bar buttons all visible for explanatory purposes.
    Left to right: "Settings", "Downloads", "Info", "Min/maximize", "Close"
  - Basic display
• Image 2
  • Player having the resize borders being hovered (in this case, hovering the bottom-right corner)
  • Clicking and dragging on the image resizes the image
  • Player controls are now 50% transparent since the main image is not being hovered
  - Resize regions
• Image 3
  • Player is playing a Youtube video
  • Default look of the title bar; i.e. title-bar buttons are transparent when not hovered
  • Player controls are now 100% transparent since the player is not being hovered
  • Hard to see, but above the seek-bar time (1:11), there is a color difference on the line above it. The dark grey indicates how much of the video is loaded
  - Youtube playback
• Image 4
  • Playlist item is being hovered, in this case a sound file.
  • Controls are displayed on the right.
    From left to right: "Remove", "Move Up", "Move Down", "Save Sound", "Save Image"
  • Clicking and dragging the volume bar on the left changes the volume
  • Similar functionality for Youtube/Vimeo videos, except "Save Sound", and "Save Image" are replaced with "Video", which functions as a link to the video.
  - Playlist controls

If you already know how steganography with images works, you'll probably not need to read this, but steganography is basically a way to hide information. 4cs makes use of it by allowing users to embed files inside of .png images.

Each pixel in an image has 3 or 4 components to it, each of which takes up 8 bits of memory. The image steganography in this project works by reducing the number of bits that a pixel's color component uses (to, say, 5 bits instead of 8) and uses the remaining bits (3 bits in the example) to encode data. Since not all of the color bits are used, the image will still maintain (to an extent) the original picture.

The motivation behind this project was essentially "sound threads" on 4chan. While I never actively partook in them, occasionally I would listen to some of them.

However, sometime in December 2012, the site developers disallowed the (at that time) current method of uploading sound images.

Since the method of embedding files in images is fairly simple (just concatenating the file to the end of an image file,) detection was also easy.

I decided I wanted to find a new way to put sounds/files inside of images. Thus the conclusion of steganography, and the only suitable file type for this was .png's.

Steganography was chosen because it has a higher CPU usage overhead to detect a sound within a .png image: you can do it easily locally, but it's probably a bad idea to implement large scale on a server.

Originally this project started out as a toy project using Python, as Python's an easy language to get a quick prototype working with.

Both a working encoder and decoder were built using Python.

At a certain point, the performance of Python became undesirable, and I ported it to C++. This version ran much faster and presently has many additional features over the deprecated Python version.

Additionally, they both run as standalone .exe files, so users wouldn't have to install Python to use it.

Once a working C++ encoder/decoder were made, I worked on modifying the 4chan Sound Player userscript. This was a major pain in the ass for multiple reasons:

• The code had atrocious style:
  • Nearly everything used abbreviated variable names
  • Code is dispersed poorly; no good visual groupings to try and find something
  • Formatting is highly inconsistent, possibly due to multiple parties forking/working on it
  • etc.
• I (at the time) had no idea what the exact nature of the old embedding formats were, only the vague idea of it
• It was difficult to find the correct place to insert my modifications, and keep track of where they were for when I made future modifications
• Finding a Javascript library to decode .png images, as html's <canvas> butchers images, especially ones with an alpha channel
• The sound player itself was had hideously poor design

But with much struggles, I finally got a working version of it out and posted 1 thread about it on Christmas.

At a certain point I got tired of the horrible old script, due to the aesthetics of both the code and the sound player. Visually, I wanted users to have a nicer looking player, because this is what every thread revolved around.

I redesigned the player to have a more visually pleasing design while maintaining (and adding) features.

Improvements include:

• Better follows the basic design of an application window
• Player movement is restricted to screen area
• Player is resizable
• Image is resizable
• Seek bar boundaries are more exact
• Better volume boundaries, along with a text display
• Playlist area is more exact
• Dragging files displays a distinct notification
• Less clutter when not interacting with the player
• Links aren't scattered across the player window
• Options are located in a more unified location
• More flexible style editing
• Comes with 4 default styles
• Hovering a playlist item shows a list of options
• No little-known/buggy right click feature

This redesign was posted shortly after New Year's.

Click here for a comparison image.

While maintaining all features of the original userscript, this script also adds the ability to auto-load all image-sounds in the thread, and an option to attempt to passively detect all image-sounds.

Passive sound detection runs in the "background" (or at least it shouldn't disrupt the browsing experience by freezing the browser) and scans every image in the thread. The trade-off is that this works very slowly compared to normal loading.

Additionally, inline URL replacement was added; this feature can be optionally disabled in the player's settings.

After sound playing was completed, I thought that the player looked nice in and of itself, so I thought that adding Youtube video playback would be a nice way to make it able to be used more often, especially since sound playback and video playback can interweave.

So after much struggle to get it to work in Google Chrome, here we are.

Vimeo playback support was also added; functions similar to Youtube playback.

As an aside, as much of a hassle as it was to get it to work again, I found the API nicer than Youtube's, since you can (and I did) write my own wrapper easily.

Two batch extraction applications were also created for older formats: a decoder and a re-encoder.

1. Create a folder
2. Create a blank file named "_" (with no quotes and no extension) inside the folder
3. Download embed.exe and put it in the folder
4. Get your image file(s) and place them in the folder
5. Get your files you want to embed (e.g. sounds in .ogg format) and place them in the folder

1. In your explorer, select your image file, your file(s) you want to embed, and the file named "_"
2. Drag them all onto "embed.exe"
3. Sit back and wait

This application currently does not function as an audio encoder. As such, if you wish to convert your .mp3 or other audio files into .ogg files, you'll need an external program.

Currently, I suggest using Audacity, as it's a decent audio application. To encode .ogg files using Audacity:

1. Download, install, and run Audacity
2. Open your music file
3. "File" -> "Export..."
4. Change the "Save as type" to "Ogg Vorbis Files"
5. Click "Options..." and lower the quality to get a decent output file size
6. Save; make sure the file size is decent

If you know how to work command line tools, you can view all the command line options available by running it in a terminal. (The reason the file named "_" is required is because it sets several default options that would normally be set using command line flags.)

To view a list of flags, simply run "embed.exe" to view usage information.

An image guide that serves as a shorthand for the above information.

1. Create a folder
2. Download extract.exe and put it in the folder

1. Put your images you want to extract files from inside the folder
2. Click and drag them onto "extract.exe"
3. You should be left with any files that were located inside the image(s)

If want to extract files from non-steganographic images, go to this page.

While not very many, there are still a few command line flags that you can use when extracting images.

To view a list of flags, simply run "extract.exe" to view usage information.

This application is used to extract sounds from images.

It renames any sounds found as sound_tag.ogg and outputs it to the current folder. Any naming conflicts will be resolved.

This application is used to re-encode old image formats into steganographic images.

It renames any sounds found as sound_tag.ogg and outputs it to the current folder. Any naming conflicts will be resolved.

Note: this requires embed.exe to be in the same folder.

Both applications are used in the same manner:

1. Click and drag any images with embedded content onto the executable
2. Wait for the cmd window to close and then view your new files

1. image

   • All 3 files downloaded into the folder
   • ffmpeg.exe hasn't been extracted yet

   Download the ogglify files into a new folder:

   • ogglify.exe
   • ffmpeg.exe from /bin/ffmpeg.exe
2. image

   • ffmpeg.exe has now been extracted
   • You can delete the .7z file after you are done
   • If you don't have a program to extract from a .7z, visit 7-zip.org

   Make sure you extract ffmpeg.exe from the .7z archive into your folder
3. image

   • Image file and sound file have been added to the folder
   • Sound files can be in .mp3, .flac, and other file types ffmpeg supports

   Put your image and any sound files you want to embed inside the folder
4. image

   • Dragging the image and sound onto ogglify.exe
   • If you don't mind not getting the best sound quality, you can drag them onto ogglify-fast.bat instead
   • Also, the file name of your sound files will be used as the sound tag

   Select the image and sound file(s) and drag them onto ogglify.exe
5. image

   • The command prompt shown working its magic
   • Typically takes a few seconds based on how big your sound is
   • The window should automatically open, run, and close; there is no GUI

   A command prompt window should appear; sit back and let the magic happen
6. image

   • A new file has been created
   • Note how it is much larger than the original

   After the command prompt closes, you should have a new file named something-embed.ext

7. image

   • The quick reply box (using 4chan x) shown with the uploader panel open
   • If you haven't disabled it in the settings, the uploader panel should automatically open
   • However, it shouldn't matter if you use it or not

   Reply as you normally would to any thread, including your new image of course
8. image

   • The resulting image shown uploaded in a post; the filename has been preserved
   • The sounds link has been clicked and the sound is listed in the post
   • Note: if you change any of the fields in the uploader panel, your image will be re-encoded; if you're using Firefox, you may lose your filename

   Your image should be uploaded with the filename preserved
9. image

   • The sound shown being played in the player

   You can now load your sound-image in the player

If you have issues posting, check out bigger.