GithubHelp home page GithubHelp logo

Comments (9)

rafa8626 avatar rafa8626 commented on May 28, 2024
var player= new MediaElementPlayer('reproductor', {
  stretching: 'stretching',
  alwaysShowControls: true,
  defaultSpeed: 0.5,
  tracksText:'Acordes y Notas de la cancion',
  startLanguage:'en',
  features: ['playpause', 'current', 'progress', 'duration', 'speed', 'skipback', 'jumpforward', 'tracks',
     'markers', 'volume', 'chromecast', 'ads', 'vast', 'contextmenu'],
  success: function (media) {
     media.addEventListener('timeupdate', function () {
          procesarAcorde(media.currentTime);
     });
     media.addEventListener('error', function (e) {
	console.log(e.message);
     });
   }
});

and you MUST add the player; otherwise, it won't work

<script src="https://cdn.jsdelivr.net/mediaelement/latest/mediaelement-and-player.min.js"></script>
<script src="<?=base_url()?>mediajs/plugins/speed/speed.min.js"></script>  
<script src="<?=base_url()?>mediajs/plugins/speed/speed-i18n.js"></script>

Let me know if this worked for you

from mediaelement-plugins.

joelmanx avatar joelmanx commented on May 28, 2024

yes, already added, only that I do not showed the code
<script src="<?=base_url()?>mediajs/mediaelement-and-player.min.js"></script> <script src="<?=base_url()?>mediajs/renderers/dailymotion.min.js"></script> <script src="<?=base_url()?>mediajs/renderers/facebook.min.js"></script> <script src="<?=base_url()?>mediajs/renderers/soundcloud.min.js"></script> <script src="<?=base_url()?>mediajs/renderers/twitch.min.js"></script> <script src="<?=base_url()?>mediajs/renderers/vimeo.min.js"></script> <script src="<?=base_url()?>mediajs/plugins/speed/speed.min.js"></script> <script src="<?=base_url()?>mediajs/plugins/speed/speed-i18n.js"></script> <script src="<?=base_url()?>mediajs/demo.js"></script>

the parameter in player
pluginPath: '../mediajs/plugins/',
it is necessary?

from mediaelement-plugins.

rafa8626 avatar rafa8626 commented on May 28, 2024

That parameter is only if you need to support Flash; if not, it's not really needed. If you are good with this answer, can you please star both https://github.com/mediaelement/mediaelement and https://github.com/mediaelement/mediaelement-plugins to continue improving the package and giving it more popularity? Also, tell your friends/coworkers/etc. that have a GitHub account to do the same to support the project, if you don't mind. It would be greatly appreciated it.

from mediaelement-plugins.

joelmanx avatar joelmanx commented on May 28, 2024

Not working yet, still with the that you said me, already added the js files of speed plugin and css style files, and added the parameter

defaultSpeed: 0.5,

I am testing in the Opera, Firefox an Chrome browsers, in lasted versions, Do you have any example? please.

I am going to promove your project, i am making a work synchronising the player video with chords of guitar using canvas html5

from mediaelement-plugins.

rafa8626 avatar rafa8626 commented on May 28, 2024

Please share a URL so I can take a look

from mediaelement-plugins.

joelmanx avatar joelmanx commented on May 28, 2024

I am working in localhost mode, but I will upload in a hosting server, and I will pass the url, thanks for your help

from mediaelement-plugins.

rafa8626 avatar rafa8626 commented on May 28, 2024

OK thanks let me know when you have the URL ready

from mediaelement-plugins.

rafa8626 avatar rafa8626 commented on May 28, 2024

Any updates with this?

from mediaelement-plugins.

rafa8626 avatar rafa8626 commented on May 28, 2024

Closing this issue since no answers have been posted in more than a week; if you like this to be reopened, please let us know. Thanks

from mediaelement-plugins.

Related Issues (20)

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.