[PVR] Forum Radio Player v2.0

[hugh_]

Adding the following custom bbcode would allow your users to embed Party Vibe Radio's music player directly into their forum post. The player will not auto start.

If you like this mod please click Nominate for Mod of the Month ---->
Please remember to click Mark As Installed ---->

https://vborg.vbsupport.ru/external/2013/09/39.png
https://vborg.vbsupport.ru/external/2013/09/40.png
https://vborg.vbsupport.ru/external/2013/09/41.png
https://vborg.vbsupport.ru/external/2013/09/42.png
https://vborg.vbsupport.ru/external/2013/09/43.png
https://vborg.vbsupport.ru/external/2013/09/44.png

Test the player:

Light Player Demo (https://www.partyviberadio.com/player-https/embed-auto/reggae.html)
Dark Player Demo (https://www.partyviberadio.com/player-https/embed-dark-auto/reggae.html)
Cassette Player Demo (https://www.partyviberadio.com/player-https/embed-auto-cassette/reggae.html)
Shoutcast Radio Player Demo (https://www.partyviberadio.com/player-https/embed-dark-auto-scradio/reggae.html)
Small Theme Player Demo (https://www.partyviberadio.com/player-https/embed-small-auto/reggae.html)
Small Theme Dark Player Demo (https://www.partyviberadio.com/player-https/embed-dark-auto-small/reggae.html)

Party Vibe Radio's FAQ (https://www.partyvibe.com/radio/?p=1)
Party Vibe Radio (https://www.partyvibe.com/radio/)
Radio Directory (https://www.radio-directory.me)

Alternatively embed our free HTML, Javascript and Flash radio player (https://www.partyvibe.com/radio/?p=1865) or take a look at our simpler HTML only internet radio player (https://www.partyvibe.com/radio/?p=3812).

-----
Title: Party Vibe Radio

Tag: pvr

Replacement:

- Light theme

<iframe src="https://www.partyviberadio.com/player-https/embed/{param}.html" style="border:0px #FFFFFF none;" name="embed-dark" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="90px" width="195px"></iframe>

- Dark theme

<iframe src="https://www.partyviberadio.com/player-https/embed-dark/{param}.html" style="border:0px #FFFFFF none;" name="embed-dark" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="80px" width="190px"></iframe>

- Cassette theme

<iframe src="https://www.partyviberadio.com/player-https/embed-cassette/{param}.html" style="border:0px #FFFFFF none;" name="embed-dark" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="225x" width="375px">
</iframe>

- Shoutcast theme

<iframe src="https://www.partyviberadio.com/player-https/embed-dark-scradio/{param}.html" style="border:0px #FFFFFF none;" name="embed-dark" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="150px" width="200px">
</iframe>

- Small Theme Radio Player

<iframe src="https://www.partyviberadio.com/player-https/embed-small/{param}.html" style="border:0px #FFFFFF none;" name="embed-small" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="75px" width="120px">
</iframe>

- Dark Small Theme Radio Player

<iframe src="https://www.partyviberadio.com/player-https/embed-dark-small/{param}.html" style="border:0px #FFFFFF none;" name="embed-dark-small" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="75px" width="120px">
</iframe>

Example: reggae

Description:

Embed Party Vibe Radio into your forum posts.

Options are reggae, ambient, psytrance, techno, breakbeat, drumandbass, rap, rock, pop, vfr, charthits, smoothjazz, hardradio, smoothlounge, hotjamz or chilloutzone.

Use {option} No

Button Image (Optional) or use attached: See below

Remove Tag If Empty: Yes

Disable BB Code Within This BB Code: Yes

Disable Smilies Within This BB Code: Yes

Disable Word Wrapping Within This BB Code: Yes

Disable Automatic Link Parsing Within This BB Code: Yes

[hugh_]

I've updated this radio player code with a channel selector and fixed some glitches. If people find it interesting I could add more channels...

[Toorak Times]

This is really cool Hugh thanks mate.

I have been trying to build a local Radio program guide with my Calendars and this will help heaps if I can upload my own channels also, is that possible?

[hugh_]

Sure. Give me a list and I will add them...

[Toorak Times]

Sure. Give me a list and I will add them...


Ok, thanks, there are a few of them tho...

[hugh_]

Let me see the list...

[Toorak Times]

<a href="http://www.tooraktimes.com.au/vbentertain.php" target="_blank">http://www.tooraktimes.com.au/vbentertain.php</a> I'm using this atm, I've been doing official connections between stations rather than uploading anything that works. So I don't waste your time what type of streams work with this mod mate its awesome.

[hugh_]

It'll play any stream in MP3 or OOG format being broadcast by a Shoutcast or Oddcast server.

[Toorak Times]

Thanks mate, I'll leave it as is atm as I do not use those. all good

[hugh_]

I've added 8 new stations to the list and refined the code a little.

[hugh_]

The following channel options are also now available:

charthits, smoothjazz, hardradio, smoothlounge, hotjamz or chilloutzone.

[madness85]

I would like to add this in the sidebar sadly it starts playing automatically :(

[hugh_]

I would like to add this in the sidebar sadly it starts playing automatically :(

It shouldn't start automatically, I will have to look into that. In the meantime try this code for a side bar location:

http://www.partyviberadio.com/forums/blogs/dr-bunsen/176-embed-our-free-html-flash.html

[hugh_]

Update 1.1: I've added two new channels (Party Vibe Radio: Rap and Pop) to the channel choser.

The following new options are therefore now available: rap and pop.

[hugh_]

Update 1.2: Added our latest channel (Party Vibe Radio: Rock).

The following new options are therefore now available: rock.

[hugh_]

I'm looking for suggestions around new channels or styles of music to add. Any thoughts?

[hugh_]

19.02.2014 - Updated to version 1.60 with the addition of two new themes (small theme and small theme dark). I've also fixed the auto start issue.

[hugh_]

I would like to add this in the sidebar sadly it starts playing automatically :(

This should work as expected now... :)

[hugh_]

10.11.2014 - I've updated the embedded cassette style radio player to include direct links to the streams and 'now playing' information.

https://vborg.vbsupport.ru/external/2014/11/31.png

Use the following code to embed it:

<center>
<iframe src="https://www.partyviberadio.com/new-player/embed-auto-cassette/{param}.html" style="border:0px #FFFFFF none;" name="embed" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="225x" width="375px">
</center>

[hugh_]

18.06.2016 – Updated to version 1.70.

Reviewed our radio player code today and found a few issues had crept in since the last update. Everything works again now, sorry for any inconvenience. The full list of fixes goes as follows.

– Updated the radio player footer links to the new web site address.
– Fixed broken facebook like button.
– Some radio streams changed to new ports a while ago which wasn’t updated.
– All our radio players now use the local javascript source so outages to the remote server are no longer a problem.

[hugh_]

26.04.17 - Update to version 2.0

- Our radio players now feature HTML5 and HTTPS web page support.

[gnrx]

Hello.
I try to add this to my forum, I don't know how add this in custom bbcode byt my iddea its add this radio player in a forum block.
I create a new block (html) and insert the code, but not works.
Also, I try differents codes from here
https://www.partyvibe.com/radio/?p=1865
https://www.partyvibe.com/radio/?p=3812

Also, not work for me.

Can anyone help me?

I use vb 4.25 and this mod I think its fantastic!

Thanks and regards.

[chudvs]

i put this in block vb4.2.5, is there anyone can tell me how to float this in a new window, as it shuts when the forums are browsed... basically i need the code to make this code

<iframe style="border: 0px #FFFFFF none;" src="https://www.partyviberadio.com/player-https/embed-dark-auto-scradio/reggae.html" name="embed-shoutcast" width="200px" height="150px" frameborder="1" marginwidth="0px" marginheight="0px" scrolling="no"></iframe>

float in a completely new window...

now i sound like IT, "IT FLOATS"

p.s. fantatic stations btw, keep up the good work

[Hostboard]

[QUOTE=chudvs;2601428]i put this in block vb4.2.5, is there anyone can tell me how to float this in a new window, as it shuts when the forums are browsed... basically i need the code to make this code

<iframe style="border: 0px #FFFFFF none;" src="https://www.partyviberadio.com/player-https/embed-dark-auto-scradio/reggae.html" target="_top" name="embed-shoutcast" width="200px" height="150px" frameborder="1" marginwidth="0px" marginheight="0px" scrolling="no"></iframe>


Interestingly enough, you want to do something entirely opposite of what IFrame is meant to be. The whole purpose of IFrame is open inside a page. You should be able to just add: target="_top"

[chudvs]

[QUOTE=chudvs;2601428]i put this in block vb4.2.5, is there anyone can tell me how to float this in a new window, as it shuts when the forums are browsed... basically i need the code to make this code

<iframe style="border: 0px #FFFFFF none;" src="https://www.partyviberadio.com/player-https/embed-dark-auto-scradio/reggae.html" target="_top" name="embed-shoutcast" width="200px" height="150px" frameborder="1" marginwidth="0px" marginheight="0px" scrolling="no"></iframe>


Interestingly enough, you want to do something entirely opposite of what IFrame is meant to be. The whole purpose of IFrame is open inside a page. You should be able to just add: target="_top"

thanks for the reply, adding target "_top" doesnt float it, just sends the user to scroll to top of the forum

i need the code so the radio is in the forum block, then if the user wants to continue listening to the radio you can click the block radio so it detaches/floats in its own window... so it isnt lost when the user browsers the forums

[Hostboard]

Ok I get it... You can do custom PHP code within forum blocks and there is a mod that allows for "forum block everywhere" But I do not think you can do what your looking for from within VBs tool set and would require custom coding... However what about something like this...


<!DOCTYPE html>
<html>
<head>
<style>
div.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
padding: 5px;
background-color: #cae8ca;
border: 2px solid #4CAF50;
}
</style>
</head>
<body>

<p>Now<b>scroll</b> inside this frame to understand how sticky positioning works.</p>
<p>Note: Not sure if all browsers support sticky position.</p>

<div class="sticky">I Can't scroll past the top!</div>

<div style="padding-bottom:2000px">
<p>In this example, the sticky element sticks to the top of the page (top: 0), when you reach its scroll position.</p>
<p>Scroll back up to remove the stickyness.</p>
<p>Some text to enable scrolling.</p>
<p>Some text to enable scrolling.</p>
</div>

</body>
</html>

[chudvs]

awesome hostboard, many thanks for this coding! much appreciated!

one last question, my forum blocks disappear when you view a forum/topic, any way to keep the blocks permanent?

[Hostboard]

You can try this:
https://vborg.vbsupport.ru/showthread.php?t=233871

I think it might be easier to just inject the HTML/PHP code into the correct template(s). We are not as hesitant to modify templates or core code any more as the VB 4.x branch is dead and will never see any sort of update/patch from IB.