Code Monkey home page Code Monkey logo

slide-drive's Introduction

Slide-drive

Slide-drive is a HTML5 slideshow player that enables audio or video to control a Deck.js slideshow. The author needs nothing more than a basic understanding of HTML and CSS to make a fully featured slideshow.

Getting Started

Clone the repo and externals

(This currently clones hundreds of megs of unnecessary or redundant data.)

$ git clone https://github.com/dseif/slide-drive.git slide-drive
$ cd slide-drive
$ git submodule update --init --recursive

To update, assuming no modifications were made

$ git pull origin master
$ git submodule update --init --recursive

Setup Node.js and its modules

Butter requires Node.js v0.6 or higher. You may use your system's copy, but I prefer to install an isolated copy using the Python tool nodeenv. This takes longer to install but is more difficult to break.

Install it using you Python package manager of choice

$ pip install nodeenv
# OR
$ easy_install nodeenv

Create local node installation

$ python -m nodeenv --node=0.7.9 --npm=1.1.23 nodeenv

Install Butter's dependencies using NPM:

$ nodeenv/bin/npm install external/butter/
$ nodeenv/bin/npm install shelljs express stylus mongoose express-browserid

Install and Run MongoDB

Some basic functionality doesn't require MongoDB, but it is required to save or share pages. You're on your own for this.

Start the Butter/Cornfield server

$ NODE_PATH=external_configs/cornfield nodeenv/bin/node external/butter/cornfield/app

Open it!

Keyboard commands

  • play or pause: p
  • next slide: spacebar, right arrow, up arrow
  • previous slide: backspace, left arrow, down arrow
  • show slide menu: m
  • go to slide: g

Contributors

slide-drive's People

Contributors

jeremybanks avatar dseif avatar jbuck avatar gvwilson avatar

Watchers

Christian Hochfilzer avatar James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.