Code Monkey home page Code Monkey logo

clappr's Introduction

Huge changes in the latest version. See 0.4.0 version changelog for more information

jsDelivr hits (npm scoped)


Clappr Monorepo

Look for Clappr and related packages under the /packages directory. Applications like the clappr.io documentation site are under the /apps directory.

Documentation

Visit https://clappr.github.io to view the full documentation.

Run the Development Server

  1. Run yarn install to install all dependencies
  2. Run yarn dev will start the development server.
  3. Visit http://localhost:8080 to view your application.

clappr's People

Contributors

afonsocdaniel avatar andrefilimono avatar barbosa avatar bikegriffith avatar davidjb avatar dayvson avatar dependabot[bot] avatar felipecesr avatar flavioribeiro avatar gamtiq avatar greenkeeper[bot] avatar greenkeeperio-bot avatar hounvs avatar jhonatangcavalcanti avatar joaopaulovieira avatar kslimani avatar leandromoreira avatar leaofelipe avatar leftees avatar luanraithz avatar michaelcunningham19 avatar nicholasasimov avatar paluh avatar ronag avatar stanogurnik avatar tchakabam avatar thiagopnts avatar tjenkinson avatar towerz avatar vagnervjs avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

clappr's Issues

Detect browser capabilities

The player should check for browser capabilities to avoid loading incompatible plugins. For example, on mobile browsers the player cannot allow loading a plugin that allows multiple videos to be played simultaneously.

Change the way containers are extended

It should not be extended on the initialization but after.

var container = new (Container.extend(StatsEvents))();

should be

var container = new Container();
container.extend(StatsEvents); // this method can be called inside a plugin

HLS Playback checkStatus is undefined

Even though a live HLS video is presented, a number of errors 'undefined is not a function' occur prior to start playing.
After investigating a little, the issue seems to be that the method getState is undefined when bootstrapping the flash object.

Create PlaybackHandler

The PlaybackHandler is responsible for manage playback bootstrap and swapping sources.

PiP should escape from Media Control

We need to use Mediator to propagate media control events so global plugins can react. When Media Control appears, it now stays on top of PiP. We need to rise PiP to avoid this behavior.

Multiple player bundles

The gulpfile should be modified for handling multiple player bundles, with different plugin and playback handler setups.

Detect mobile browser

The player should be able to detect whether or not it's running on a mobile browser and adjust accordingly.

Media controls blinking on mouse over

When leaving the mouse over the media control bar, the hide timer is fired and the bar fades out prior to coming back due to the presence of the mouse over it.

Error screen

When an error occurs, there must be some visual feedback to the user.

Create Core

The Core is responsible to manage Containers, the mediator, MediaControl and the player state.

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.