GithubHelp home page GithubHelp logo

jgubman / videojs-airplay Goto Github PK

View Code? Open in Web Editor NEW
28.0 3.0 12.0 63 KB

Videojs Plugin that adds an airplay button to the control bar

License: Other

CSS 24.87% JavaScript 49.45% HTML 25.68%
airplay-button videojs-airplay videojs-plugin videojs javascript airplay

videojs-airplay's People

Contributors

jdenquin avatar jgubman avatar mister-ben avatar tmm1 avatar treyhoover avatar vincent-pochet 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

Watchers

 avatar  avatar  avatar

videojs-airplay's Issues

Suggestion

Like some Live TV or Youtube LIVE, there's a little Red DOT before Live text.
https://www.youtube.com/watch?v=zaah_hbUHOg&list=PL8fVUTBmJhHJBH1SO88FYKaQsisgItjpn

May be doing some javascript to change the dot color when playing or pause and when is live or playing in buffer.

.vjs-live-display:before {
  content: "•";
  font-size: 160%;
  padding-right: 5px;
  vertical-align: sub;
  color: red;
}

Demo: http://codesniff.com/jquery/hls-http-live-streaming-video-for-videojs-plugin-for-wordpress-m3u8

Another interesting thing, On Youtube, when you click the live button it reload to Live streaming and not in buffer mode.

How to use this in react

I'm building player with video.js in react.

I have to implement airplay.
But I can't know the way to use this in react project.
How can I do it?

Not working on macOS Safari?

I was able to use this plugin successfully on iOS Safari, but when I try from desktop Safari it fails to play video. The picker works fine- I am able to select an Airplay target, but the video never plays.

Can anyone else confirm whether this is the case for them?

Could you make a semver release?

This looks pretty cool, I'm going to give it a go.
If you get a chance, could you make a semantic versioned release of dist files. If you do that then services which use bower conventions, like the fantastic rails-assets.org can pick this up and people can install it in frameworks in a more maintainable way than just downloading it.

Take a look at the videojs releases page for what I'm talking about:
https://github.com/videojs/video.js/releases
Having it there means it can be automatiaclly updated with correct dependencies like this:
https://rails-assets.org/#/components/videojs

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.