PiRSquared17 / mp3-browser

Automatically exported from code.google.com/p/mp3-browser
GNU General Public License v2.0
0 stars 0 forks source link

use different player #23

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago
What steps will reproduce the problem?
1. upload files for jplayer from jplayer.com
2. change code in mp3browser plugin to what is listed on this page: 
http://jplayer.org/latest/quick-start-guide/step-3/

What is the expected output? What do you see instead? I am hoping to see a new 
player but nothing shows up as all under the player column.

What version of the product are you using? On what operating system? version 
2.7 on safari

Please provide any additional information below.
This is more of an issue with the help documentation as I cannot figure out 
what code needs to be changed in order to add this new html5 player. Some 
examples of how to switch to other existing players would be helpful. Jplayer 
is free to use and it would be great to get some support on how to add that 
player but seeing how any new player is added would be helpful. The document 
makes it sound like just changing "%4" to the new players swf url should work. 
I have even tried some flash player and for whatever reason nothing works. 

Original issue reported on code.google.com by dru1...@gmail.com on 17 Jun 2013 at 2:02

GoogleCodeExporter commented 9 years ago
The player in the link is a Javascript player. Replacing only %4 could 
potentially work for another Flash player. For a Javascript player, you may 
want to swap out the entire code fragment, and just put in %1, %2 and 
particularly %3 as needed, to parameterize the new code fragment.

Also, the page that you link to talks about putting Javascript references in 
the HEAD, which you'll have to do in your template -- outside the mp3 Browser 
plugin.

Original comment by sanderverh on 17 Jun 2013 at 3:51

GoogleCodeExporter commented 9 years ago
do you know of any html5 player that would work easily within your plugin? 

Original comment by dru1...@gmail.com on 17 Jun 2013 at 4:20

GoogleCodeExporter commented 9 years ago
No, not specifically. I know that I tried one during development, and that 
worked just fine, but I'm not sure which one it was. It should not be so 
complicated, just put the HTML code for whatever player you find in the plugin 
configuration. If that works, slowly parameterize it.

Original comment by sanderverh on 18 Jun 2013 at 5:36

GoogleCodeExporter commented 9 years ago
The problem I'm finding is that, like for the player I showed you, it requires 
code to be entered into different areas such as the <head>. 
 Thank you for all your help! I will keep working on it. 

Original comment by dru1...@gmail.com on 18 Jun 2013 at 10:27

GoogleCodeExporter commented 9 years ago
"Such as the <head>". So, as far as the head goes, why don't you just put that 
code in the head through your template? Not ideal, but indeed the plugin does 
not do this for you.

Original comment by sanderverh on 21 Jun 2013 at 5:20

GoogleCodeExporter commented 9 years ago
Did you have any luck getting this to work?

Original comment by sanderverh on 9 Jul 2013 at 6:04

GoogleCodeExporter commented 9 years ago
Unfortunately no not yet.

Original comment by dru1...@gmail.com on 10 Jul 2013 at 3:27

GoogleCodeExporter commented 9 years ago
If you are able to get another player to work can you please let me know which 
one and how to implement it? 

Original comment by dru1...@gmail.com on 16 Jul 2013 at 3:24

GoogleCodeExporter commented 9 years ago
I just threw a bit of time against it and came up with the following:

- Using MediaElement.js[1] and pretty much followed the steps as described there

- Add the mediaelement-and-player.min.js and mediaelementplayer.css to my 
site's head (I actually used the HeadTag plugin[2] to do this specifically for 
pages that I was interested in and so that I did not have to hack my template, 
but I'm sure other ways will work too)

- Replace the "Player source code" (mp3 Browser, Advanced Options) with the 
following:

<audio controls>
  <source src="%3" type="audio/mpeg">
Your browser does not support the audio element.
</audio> 

- All done!

[1] http://mediaelementjs.com/
[2] 
http://extensions.joomla.org/extensions/core-enhancements/coding-a-scripts-integ
ration/head-code/23718

Original comment by sanderverh on 17 Jul 2013 at 5:53