Browse Source

update containerchan readme

czaks 10 years ago
  1. 43


@ -1,49 +1,24 @@
This project is an effort to enable imageboards to host small video clips. With modern video compression, it's possible to share much higher-quality videos in a few megabytes than what you can do with animated GIF files.
This directory contains files being the integration of containerchan with vichan-devel imageboards.
The software here extends [Tinyboard]( to display metadata and create pseudo-thumbnails for WebM video files. It is intended to work on very basic web hosting services, including any hosting service that can run Tinyboard. In particular, it does not depend on any external video conversion software such as FFmpeg or Libav. Rather, it parses the video container to extract a single frame from the video to use in place of a thumbnail. If you can run FFmpeg or Libav on your server, it's a good idea to modify this code to use those tools to create true thumbnails; in the future, an option will be added to enable this.
Containerchan allows posting of webm files, like they were the regular images.
A board using this code can be found at:
An original board using this code can be found at:
Be aware that this is beta software. Please report any bugs you find.
The original repo containing the containerchan (possibly with no Tinyboard integration) can be found here:
Much of the code is not specific to Tinyboard, and you are welcome to use it in your own projects. See the [core]( branch for a version without material from Tinyboard.
Be aware that this is beta software. Please report any bugs you find.
Create a directory named cc at the root of your Tinyboard installation. Upload these files into that directory.
Replace the files templates/post_thread.html and templates/post_reply.html with the files given here.
Move video.png to the static directory.
Add these lines to inc/instance-config.php:
$config['allowed_ext_files'][] = 'webm';
$config['file_icons']['webm'] = 'video.png';
$config['additional_javascript'][] = 'cc/settings.js';
$config['additional_javascript'][] = 'cc/expandvideo.js';
require_once 'cc/posthandler.php';
event_handler('post', 'postHandler');
And add this to stylesheets/style.css: {
display: block;
float: left;
margin: 10px 20px;
border: none;
} {
padding: 0px;
margin: 10px 25px 5px 5px;
span.settings {
position: fixed;
top: 1em;
right: 1em;
$config['additional_javascript'][] = 'js/webm-settings.js';
$config['additional_javascript'][] = 'js/expand-video.js';