Git Product home page Git Product logo

web-player-demos's Introduction

JW Developer Demos

This repository is for managing the JW Player Developer Demos. It includes demos and code samples from the JW Player team as well as a Developer Showcase highlighting demos submitted by our developer community.

Demo Setup

All JW Developer demos can be downloaded and run locally. Build instructions and required components are outlined below.

Build Instructions

This project uses Yarn and Node.js. Install Node dependencies with yarn install, then build the project with Grunt with yarn build. You can also start a local server and watch changes locally with yarn start.

Contributing a Demo

Demo Structure

Each demo contains the following elements:

assets/
config.json
demo.js
index.html
style.css

Only index.html and config.json are required for the build. index.html should contain a single-line player embed and config.json must include the demo title and description.

You can add a library property to your demo's config.json to automatically load a JW Player JavaScript API library. You can then call jwplayer() in your demo.js script. Alternatively, you can provide a full player id from a single-line embed with the player property.

Local assets (such as ad schedules or images) referenced within the demo should be saved in the assets directory. You can add additional scripts and stylesheets to the scripts and stylesheets arrays, respectively.

Please note

By submitting a demo, you are agreeing to license your demo under the Apache 2.0 license.

Config File

The config.json file provides metadata about your demo. It will be used to populate information about your demo on the page. Only title and description are required to build the demo, but we ask that you complete all fields for demo submissions.

{
  "title": "",
  "description": "",
  "license": "Free|Premium|Ads|Enterprise",
  "showCode": true|false|"css",
  "apiCalls": [],
  "author": {
  	"name": "",
  	"githubUsername": ""
  },
  "library": "",
  "player": ""
}
Key Type Value Description
title string Demo title*
description string A brief description of your demo*
license string The license type necessary to recreate your demo*
showCode boolean | string Displays demo player with code snippet when true, without code snippet when false
layout string Displays code snippet to right of demo player on horizontal or under demo player on vertical
apiCalls array List of JW Player Javascript API calls used in your demo. For example: .on('ready')
author.name string Your name
author.githubUsername string Your GitHub username
library string A JW Player library id. It will automatically add a script tag and include the library to be used in demo.js.
player string A JW Player full id, containing a library id and a media id. This will automatically add a script tag containing a single-line embed on the page.

web-player-demos's People

Contributors

monibons avatar josiekeller avatar madikarizma avatar jhatcher-jw avatar kimhart avatar radium-v avatar boyntoni avatar androop avatar jlouazel avatar aidankmcl avatar waxidiotic avatar aurelians avatar donnik avatar karimmourra avatar dependabot[bot] avatar hblee avatar vseventer avatar

Stargazers

Roberto Bianco 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.