Captis.js is an authoring tool for publishing impress.js slides using video commentary. With captis you can record and edit your videos using browser.
For detailed user guide please visit http://binyatov.com/guide.pdf
Currently the project is fully functional only in webkit browsers.
The server part has only be tested in OS X
.
ffmpeg
is needed to 'stitch' the audio and video files together. For a reading on the problem and how to install ffmpeg have a look here: http://stackoverflow.com/questions/20263131/merge-wav-audio-and-webm-video
Captis has a client-side and a server-side component
-
To install the client-side through bower:
bower install captis
-
To install the server-side using npm:
npm install captis
-
Drag and drop your impress.js slides inside the root directory and add this lines between head tags:
<script src="bower_components/captis/dist/captis.min.js"></script> <link rel="stylesheet" type="text/css" href="bower_components/captis/css/captis.css"> <link rel="stylesheet" type="text/css" href="bower_components/captis/libs/fontawesome/css/font-awesome.min.css">
-
Using browser, go to
http://localhost:3000/<html file>
and you'll see your slide.
Captis features a toolbar with all the necessary controls.
-
To open and close the captis toolbar hit:
ctr + e
-
Once the toolbar is open you need to click the camera icon to allow the use of the camera and microphone.
-
Clicking the
REC
button allows you to start recording -
Clicking the
Save
button stops the recording. NOTE: When you click stop, the audio and video streams are going to be merged (server-side) into one file which will be injected to your presentation.
##Playback
-
Refresh your presentation.
-
To open and close the video hit:
ctr + w
Captis.js is released under the MIT License.