PDA

View Full Version : BB Code Enhancements - FLV/MP4/MP3/M4A Media Player BBCode For VB3+VB4


ShawneyJ
09-24-2012, 10:00 PM
FLV + MP3 Video Media JW Player
Go The New Look!

What Makes This Player Different?

Old Look
https://vborg.vbsupport.ru/external/2012/09/33.jpg

New Look
https://vborg.vbsupport.ru/external/2012/09/34.jpg

The New look is not that different, but as you can see above the picture is now stretched to fit the Player Size. This is good for smaller width videos. Still the same for HD. And finally we can use different Skins! Credits Lawrence for his/her player Skin. Plus a Plug-In for the MP3 Player to. As seen DEMO.

After messing around for a few weeks, i "HOPE" i have finally finished with what i was aiming to accomplish for my Forum. That was a new Media Player look and an MP3 Player, i must say, its not that good, but...to me its by far better than the plain old look of the JW Player.

I really wanted more, but JW really has its limits. I wanted to make a .png 3D animations as a background image in the MP3 player, but JW just had a few Restrictions that i couldn't get past, not allowing animated background images. I settled for an Equalizer Effect Plug-In which i added to MP3 Player, credits to wesley luyten (http://www.longtailvideo.com/addons/plugins/79/get-plugin.html?addon=79&vid=80&q=) for JW add-on. You will need to see DEMO for Effects. Anyway, this is what i have came up with that works fine on my boards using FF+IE. NOT Tested with any other browsers. But i "SO" hope these Players work for anyone that wants to use them.

Screen Shots

FLV Media Player
https://vborg.vbsupport.ru/external/2012/09/35.jpg
Watch DEMO Here (https://vipracing.com.au/threads/flv-mp4-flash-video-media-player-demo.3035/)


MP3 Player
https://vborg.vbsupport.ru/external/2012/09/36.jpg
Listen And Watch Demo Here (https://vipracing.com.au/threads/mp3-player-for-vbulletin-bbcode-added.184/)

FAQ

How to install this on my Forums?
Read Text File which is added in both ZIP Download Files below.

How to edit Background Player Images?
PSD+Font Files have been added to ZIP's. Open with Photoshop and customize to your own likings.

How to replace JW Watermark with mine?
You will need a Buy JW Pro (http://www.longtailvideo.com/players/jw-flv-player/) and talk with longtailvideo.com on how to do this. This Mod is for JW Free.

Will this Mod work on VB4?
Yes!
If you get this Message after installing on VB4...
-----------------------
The following BB Code replacement may not be properly formed. All HTML attributes should be enclosed within double quotes.
-----------------------
Just Click "Continue". It works fine.

Does the Media Player support MP4?
Yes.

Can i add different Skins?
Yes, instructions in Text File on how to do this. And there are 3 Skins added in ZIP thanks to longtailvideo.com. See Screen Shots Below in Attachments for all 3 Skins.

I haven't got Photoshop, are you able to edit my Background images for me?
Yes, PM me or Request here what LINK or Name you want on images.

Will the MP3 Player play other formats?
Plays Mp3, M4A, thats it.

Updated 3/09/2014 - New Music Player

New MP3/M4A Player added with Spectrum Visualizer Effects and Reflection.
Members, users and others that have PM'ed me Complaining about the Equalizer not working with VB4 on certain Browsers, this SHOULD be now fix in my new MP3/M4A Player version uploaded as (m4aplayer.zip).

Screen Shot and Demo Please See First Post.
https://vborg.vbsupport.ru/external/2012/09/80.png

Please dont forget to *Mark As Installed* AND Rate my work :)
Thanks.

ShawneyJ
09-25-2012, 06:34 AM
Updated 3/09/2014 New MP3/M4A Music Player Added. (m4aplayer.zip)

New MP3/M4A Player added with Spectrum Visualizer Effects and Reflection.
Members, users and others that have PM'ed me Complaining about the Equalizer not working with VB4 on certain Browsers, this SHOULD be now fix in my new MP3/M4A Player version uploaded as (m4aplayer.zip).

M4A/MP3 Player
https://vborg.vbsupport.ru/external/2012/09/72.png

https://vborg.vbsupport.ru/external/2012/09/73.png
Listen And Watch Demo Here (https://topicoh.com/forums/threads/mp3-player-for-vbulletin-bbcode-added.1855/)

Updated 4/09/2014 New MP4 Player Added. (mp4player.zip)

New MP4 Player added that supports Full Youtube URL's and of course MP4 Video Files.

MP4/Youtube Player
https://vborg.vbsupport.ru/external/2012/09/74.png

https://vborg.vbsupport.ru/external/2012/09/75.png

https://vborg.vbsupport.ru/external/2012/09/76.png

Demo Coming Soon

Updated 6/09/2014 New HTML5 Video Player and HTML5 MP3 Player with Flash Fallback. (mediaelement-player.zip)

I have done many tests on this HTML5 Player. It seems to be a really good Video and Audio Player.
Does work great in FF, Chrome, IE, iPhone. Slight issue with IE when Pausing the Screen but that's it.
Not tested with iPad because i do not have one. But the Flash Fall Back is great for both Video and Audio.

HTML5 Video and Audio Player
https://vborg.vbsupport.ru/external/2012/09/77.png

https://vborg.vbsupport.ru/external/2012/09/78.png

https://vborg.vbsupport.ru/external/2012/09/79.png


Listen And Watch Demo Here (https://topicoh.com/forums/threads/flv-mp4-flash-video-media-player-demo.4813/)

3raq4all
09-25-2012, 07:20 AM
Thank you very much
Seems to be a wonderful

kamrandahir
10-01-2012, 08:31 AM
need same plugin for vb 4.2x

ShawneyJ
10-02-2012, 01:59 AM
need same plugin for vb 4.2x

It may work, its worth a try. I have not yet tested as i dont run VB4.

EDIT:

I just tested this on a friends VB4.1.9. If you get this Message
-----------------------
The following BB Code replacement may not be properly formed. All HTML attributes should be enclosed within double quotes.
-----------------------
Just Click "Continue". It works fine.

Screens for VB4 Below.

al2thero
11-16-2012, 12:10 AM
Thank you very much

ShawneyJ
02-11-2013, 06:44 AM
your welcome ;)

Perrier Sophie
06-11-2014, 02:10 AM
Wonderful

works great on 3.8.7

installed

ShawneyJ
09-03-2014, 02:50 AM
Updated the Music Player with fixes and new effects. See first Post for screencaps and demo.

m7sen
12-16-2014, 04:15 PM
nice work

we are in 2014
must more support vedio

can u please support keek vedio and twitter vedio and Instagram !
and those https://vborg.vbsupport.ru/showthread.php?t=219139

can u support those
amr,wav,m4v,mov,wmv,wma,ram,rm,mpeg,mpg,avi,,fla,m ov,3gp,avi,swf

can u do it by product all those with mp3,mp4,m4a by *.mp3 for example
and be work Automatic when i add link in post !

m7sen
12-23-2014, 07:44 PM
up please

Crossbow
01-23-2015, 10:34 PM
Works great in 3.8.8.... Love it... Thanks for a nice player!!

Crossbow
01-24-2015, 10:41 AM
Equalizer not working in 3.8.8 on IE or Chrome in case you wanted to know but still love that skin!!

ShawneyJ
01-24-2015, 11:31 AM
Equalizer not working in 3.8.8 on IE or Chrome in case you wanted to know but still love that skin!!

hi mate,

did you download the m4aplayer.zip or the mp3player.zip?

im sorry, i need to clean up this thread as its very messy and confusing.

the m4aplayer.zip should play very well in all common browsers.

in the coming days i'll upload a live vbulletin 3.8.9 test site for continue testing and add working links.

cheers.

Crossbow
01-24-2015, 12:26 PM
Yep I done the m4a and think its a lot nicer then the m3 was... Not messed with 3.8.9 yet as this 3.8.8 full install has been a royal pain working the bugs out..

ShawneyJ
01-24-2015, 12:37 PM
yeah i need to remove the mp3 zip, i think its to old school for modern browsers, and kinda looks outdated.

i certainly will do some testing though mate and get back to you.

m7sen
04-28-2015, 04:31 AM
i try mp3 its work good in mobile

can you please add your bbcode in this mod
DJ's AMEs :: Media Definitions for AME 2.5 :: More Video, Twitter, Pinterest

its easy but i can not add your bbcode in this mod

the problen is in AME 2.5 mod the mp3 and mp4 not work good in mobile

if you can add this and give me the Import File

rohirrim
06-13-2015, 09:46 PM
is there a way to change the background image for per video. I don't want to use a general bg image.

Midohash
06-16-2015, 08:22 PM
Getting this error with mp4player:

https://vborg.vbsupport.ru/external/2015/06/7.png

Any suggestions? ... Thank you

ShawneyJ
06-17-2015, 10:01 AM
is there a way to change the background image for per video. I don't want to use a general bg image.

its not possible using a simple bbcode, sorry. you could always go with auto play?

Getting this error with mp4player:

https://vborg.vbsupport.ru/external/2015/06/7.png

Any suggestions? ... Thank you

try adding a file called crossdomain.xml to your root and inside add the following:
<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
<allow-access-from domain="*" />
</cross-domain-policy>

Midohash
06-17-2015, 04:49 PM
its not possible using a simple bbcode, sorry. you could always go with auto play?



try adding a file called crossdomain.xml to your root and inside add the following:
<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
<allow-access-from domain="*" />
</cross-domain-policy>

Thanks ShawneyJ, unfortunately this didn't work.

Any other suggestion?

ShawneyJ
06-17-2015, 09:40 PM
Thanks ShawneyJ, unfortunately this didn't work.

Any other suggestion?

so
site.com/crossdomain.xml
did not work?
thats strange, as thats what i use from the player site: http://support.jwplayer.com/customer/portal/articles/1403679-crossdomain-file-loading

just to confirm, you uploaded to public_html/crossdomain.xml ?

mahmo0od
06-19-2015, 09:57 AM
thank u
i will try it

Midohash
06-19-2015, 08:50 PM
so
site.com/crossdomain.xml
did not work?
thats strange, as thats what i use from the player site: http://support.jwplayer.com/customer/portal/articles/1403679-crossdomain-file-loading

just to confirm, you uploaded to public_html/crossdomain.xml ?

Thank you.

I have uploaded crossdomain.xml to the root and also to vb folder but still receiving the same error message!

I have also uploaded the mp4player folder to my vb directory and created the bb code as in the installation instructions in the included txt file.

ShawneyJ
06-19-2015, 10:24 PM
Hmm, i thought mp4player was uploaded to root. Let me check.

EDIT: I have re-uploaded mp4player.
Its a little less confusing.
Can confirm the player works using another domain other than your own using crossdomain.xml.

Screenshot of some random MP4 video i found on the web.

ShawneyJ
06-20-2015, 02:20 AM
New mediaelement-video-audio-player.zip has been updated for VB3/VB4 - VB4 Mobile.
This is a responsive Video and Audio Player.
Works with Mobile and Desktop Computers.
.MP3/.MP4.

Screenshots.

Midohash
06-20-2015, 01:55 PM
New mediaelement-video-audio-player.zip has been updated for VB3/VB4 - VB4 Mobile.
This is a responsive Video and Audio Player.
Works with Mobile and Desktop Computers.
.MP3/.MP4.

Screenshots.

Thanks ShawneyJ, I'll try mediaelement instead of mp4player which is still not working with me in spite of the different tweaks in crossdomain permissions!

BTW, what is the difference between mp4player and mediaelement if both of them can do the same work?

ShawneyJ
06-20-2015, 10:27 PM
Thanks ShawneyJ, I'll try mediaelement instead of mp4player which is still not working with me in spite of the different tweaks in crossdomain permissions!

BTW, what is the difference between mp4player and mediaelement if both of them can do the same work?

mediaelement supports mobile phones, android. its HTML5 with flash fallback.
where mp4player only works with flash. example: just desktop computers.

jrw422dx
10-13-2015, 09:25 PM
Shawney, I got the MP4 player working but could not get the mediaelement one to work.

I get a No video supported format and MIME type found in the Media Element one.

The MP4 will suffice for me for now, however is there a way for it to show a thumbnail like youtube does and the controls before you click on the player? It is just a black screen when the page loads. It works when you click the player just fine.

Maybe I do not have something installed correctly?

Jon

ShawneyJ
10-14-2015, 02:59 AM
Sounds odd. You did template edits?
Would love to try get it working for you.
And no, just player image sorry.

jrw422dx
10-14-2015, 08:32 AM
Yes loaded up and saved the code in the templates, footer and headinclude. did not see the note for the Mobil so I just went and did them, still the same.

I noticed in the replacement code there is no where to put in the domain like in the other codes. You had yoursite.com to replace in the MP4. This one does not require that?

jrw422dx
10-14-2015, 09:17 AM
Ok, here is what I found.

I am getting that message (No video supported format and MIME type found) in the BB code manager. I tried it in a post and the video shows up and plays. Same example in BB code manager as in the post. (copied and pasted from BB code manager and it plays in post) I was assuming that if it did not play in the BB manager it would not play in the post.

Is it supposed to do that?

Jon

ShawneyJ
10-14-2015, 09:51 AM
Yes, the player will not play in admin area because there is no code to boot the player up. Those edits to the templates boots up the player. Admin area will not work. Sorry, I should of mentioned this. I'll be doing an upgrade soon and fix up the messy OP. So all is good now?

jrw422dx
10-14-2015, 03:54 PM
Yes all is well now. Thanks for the responses here and in the other thread I posted the request in.

Jon

the one
01-08-2016, 12:14 PM
I have only just seen this thread

Would this work on 4.2.1

Many thanks

Malc

ShawneyJ
01-10-2016, 10:09 AM
I have only just seen this thread

Would this work on 4.2.1

Many thanks

Malc
Hi, yes.

https://vborg.vbsupport.ru/showpost.php?p=2548252&postcount=26