GithubHelp home page GithubHelp logo

avalonmediasystem / mediaelement-track-scrubber Goto Github PK

View Code? Open in Web Editor NEW
0.0 11.0 1.0 43 KB

[DEPRECATED] - This repository is no longer maintained by Avalon media system. The relevant MediaElement plugins are written inline within the Avalon code: https://github.com/avalonmediasystem/avalon

License: MIT License

Ruby 35.31% CoffeeScript 31.38% HTML 33.31%

mediaelement-track-scrubber's Introduction

MediaElementTrackScrubber

A track scrubber plugin for media element.

How to use (as a dev):

  1. Add this gem to your gemfile (mediaelement-track-scrubber)
  2. bundle install
  3. add the styling assets to your manifest file: *= require me-track-scrubber
  4. add the javascript assets to your manifest file: //= require me-track-scrubber
  5. You'll need to make changes to a few files too.
  • In app/assets/javascripts/avalon_player.js.coffee line 25: display_track_scrubber = if removeOpt('displayTrackScrubber') then 'trackScrubber' else null

    line 30: features = ['playpause','current','progress','duration',display_track_scrubber,'volume','tracks','qualities',thumbnail_selector, add_to_playlist, add_marker, 'fullscreen','responsive']

    line 39: trackScrubberEnabled: display_track_scrubber == 'trackScrubber'

    line 109: $(@player.media).on 'timeupdate', => @setActiveSection()

    Line 114: #Save because it might be necessary if showing mediafragment of object without structure... if @player.options.trackScrubberEnabled if _this.stream_info.hasOwnProperty('t') trackstart = _this.stream_info.t[0] trackend = _this.stream_info.t[1] || _this.stream_info.duration else trackstart = 0 trackend = _this.stream_info.duration @player.initializeTrackScrubber(trackstart, trackend, _this.stream_info) $(@player.media).on 'timeupdate', => @player.updateTrackScrubber() @player.globalBind('resize', (e) -> _this.player.resizeTrackScrubber() )

    Line 169: if @player? && @player.options.trackScrubberEnabled trackstart = parseFloat($(active_node).data('fragmentbegin')||0)||0 trackend = parseFloat($(active_node).data('fragmentend')||@stream_info.duration)||@stream_info.duration @player.initializeTrackScrubber(trackstart, trackend, @stream_info)

  • In app/views/media_objects/_item_view.html.erb , Line 56: <%= render file: '_track_scrubber.html.erb'%>

    Line 93: displayTrackScrubber: true,

mediaelement-track-scrubber's People

Contributors

bkeese avatar csyversen avatar lealeelu avatar dananji avatar carrickr avatar cjcolvar avatar

Watchers

James Cloos avatar Jon Dunn avatar  avatar Jon Cameron avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Forkers

thespiritx

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.