Radionomy - Board
https://board.radionomy.com/

[WEBSITE] Hoe plaats je meerdere spelers op dezelfde webpage
https://board.radionomy.com/viewtopic.php?f=51&t=16834
Page 1 of 1

Author:  Bob [ Mon Oct 12, 2015 5:15 pm ]
Post subject:  [WEBSITE] Hoe plaats je meerdere spelers op dezelfde webpage

Radionomy biedt drie verschillende spelers aan, dat zijn:

Medium 300x389 px
Attachment:
medium.PNG
medium.PNG [ 226.69 KiB | Viewed 9085 times ]


Mobile 320x90 px
Attachment:
mobile.PNG
mobile.PNG [ 59.82 KiB | Viewed 9087 times ]


Horizontal 728x90 px
Attachment:
horizontal.PNG
horizontal.PNG [ 108.59 KiB | Viewed 9087 times ]


Deze zijn te vinden op je Radionomy site https://www.radionomy.com/en/radio/je-radionaam
Attachment:
Exportable-player.PNG
Exportable-player.PNG [ 17.64 KiB | Viewed 9087 times ]



Hoe plaats je meerdere spelers op dezelfde webpage (CSS)
Hier onderin staan 3 voorbeelden inlusief de code.

Je kopieert het script op de Radionmy site en plaatst het in de tabel code <th>script</th>
Om meerdere spelers te kunnen plaatsen op de pagina geef je iedere speler zijn eigen ID. (op de afbeelding weergegeven in het rood)

  • Player 1 ID is "radplayer1"
  • Player 2 ID is "radplayer2"
  • Player 3 ID is "radplayer3"
  • Player 4 ID is "radplayer4"
  • etc., etc.

Attachment:
Script.PNG
Script.PNG [ 30.55 KiB | Viewed 9087 times ]


3 spelers type "medium" als volgt :
Attachment:
players-medium.PNG
players-medium.PNG [ 755.75 KiB | Viewed 9087 times ]


Demo: http://radio-nostalgia.nl/demo/players-medium.html

Broncode met script

Code:
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 0px solid black;
border-spacing: 20px;
margin-left: auto; margin-right: auto; }

}
</style>
</head>
<body>

<table>
  <tr>
    <th><script>
(function (win, doc, script, source, objectName) { (win.RadionomyPlayerObject = win.RadionomyPlayerObject || []).push(objectName); win[objectName] = win[objectName] || function (k, v) { (win[objectName].parameters = win[objectName].parameters || { src: source, version: '1.1' })[k] = v; }; var js, rjs = doc.getElementsByTagName(script)[0]; js = doc.createElement(script); js.async = 1; js.src = source; rjs.parentNode.insertBefore(js, rjs); }(window, document, 'script', 'https://www.radionomy.com/js/radionomy.player.js', 'radplayer1'));
radplayer1('url', 'radio-nostalgia');
radplayer1('type', 'medium');
radplayer1('autoplay', '0');
radplayer1('volume', '50');
radplayer1('color1', '#000000');
radplayer1('color2', '#ffffff');
</script>
<div class="radionomy-player"></div></th>
    <th><script>
(function (win, doc, script, source, objectName) { (win.RadionomyPlayerObject = win.RadionomyPlayerObject || []).push(objectName); win[objectName] = win[objectName] || function (k, v) { (win[objectName].parameters = win[objectName].parameters || { src: source, version: '1.1' })[k] = v; }; var js, rjs = doc.getElementsByTagName(script)[0]; js = doc.createElement(script); js.async = 1; js.src = source; rjs.parentNode.insertBefore(js, rjs); }(window, document, 'script', 'https://www.radionomy.com/js/radionomy.player.js', 'radplayer2'));
radplayer2('url', 'radio-tijdloos');
radplayer2('type', 'medium');
radplayer2('autoplay', '0');
radplayer2('volume', '50');
radplayer2('color1', '#000000');
radplayer2('color2', '#ffffff');
</script>
<div class="radionomy-player"></div></th>
    <th><script>
(function (win, doc, script, source, objectName) { (win.RadionomyPlayerObject = win.RadionomyPlayerObject || []).push(objectName); win[objectName] = win[objectName] || function (k, v) { (win[objectName].parameters = win[objectName].parameters || { src: source, version: '1.1' })[k] = v; }; var js, rjs = doc.getElementsByTagName(script)[0]; js = doc.createElement(script); js.async = 1; js.src = source; rjs.parentNode.insertBefore(js, rjs); }(window, document, 'script', 'https://www.radionomy.com/js/radionomy.player.js', 'radplayer3'));
radplayer3('url', 'studio-ant');
radplayer3('type', 'medium');
radplayer3('autoplay', '0');
radplayer3('volume', '50');
radplayer3('color1', '#000000');
radplayer3('color2', '#ffffff');
</script>
<div class="radionomy-player"></div></td>
  </tr>

</table>

</body>
</html>


Broncode zonder script

Code:
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 0px solid black;
border-spacing: 20px;
margin-left: auto; margin-right: auto; }

}
</style>
</head>
<body>

<table>
  <tr>
    <th></th>
    <th></th>
    <th></td>
  </tr>

</table>

</body>
</html>


4 spelers type "mobile" als volgt :
Attachment:
players-mobile.PNG
players-mobile.PNG [ 211.51 KiB | Viewed 9087 times ]


Demo: http://radio-nostalgia.nl/demo/players-mobile.html

Broncode met script

Code:
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 0px solid black;
border-spacing: 20px;
margin-left: auto; margin-right: auto; }
}
</style>
</head>
<body>

<table>
  <tr>
    <td><script>
(function (win, doc, script, source, objectName) { (win.RadionomyPlayerObject = win.RadionomyPlayerObject || []).push(objectName); win[objectName] = win[objectName] || function (k, v) { (win[objectName].parameters = win[objectName].parameters || { src: source, version: '1.1' })[k] = v; }; var js, rjs = doc.getElementsByTagName(script)[0]; js = doc.createElement(script); js.async = 1; js.src = source; rjs.parentNode.insertBefore(js, rjs); }(window, document, 'script', 'https://www.radionomy.com/js/radionomy.player.js', 'radplayer1'));
radplayer1('url', 'radio-nostalgia');
radplayer1('type', 'mobile');
radplayer1('autoplay', '0');
radplayer1('volume', '50');
radplayer1('color1', '#000000');
radplayer1('color2', '#ffffff');
</script>
<div class="radionomy-player"></div></td>
    <td><script>
(function (win, doc, script, source, objectName) { (win.RadionomyPlayerObject = win.RadionomyPlayerObject || []).push(objectName); win[objectName] = win[objectName] || function (k, v) { (win[objectName].parameters = win[objectName].parameters || { src: source, version: '1.1' })[k] = v; }; var js, rjs = doc.getElementsByTagName(script)[0]; js = doc.createElement(script); js.async = 1; js.src = source; rjs.parentNode.insertBefore(js, rjs); }(window, document, 'script', 'https://www.radionomy.com/js/radionomy.player.js', 'radplayer2'));
radplayer2('url', 'radio-tijdloos');
radplayer2('type', 'mobile');
radplayer2('autoplay', '0');
radplayer2('volume', '50');
radplayer2('color1', '#000000');
radplayer2('color2', '#ffffff');
</script>
<div class="radionomy-player"></div></td>
  </tr>
  <tr>
    <td><script>
(function (win, doc, script, source, objectName) { (win.RadionomyPlayerObject = win.RadionomyPlayerObject || []).push(objectName); win[objectName] = win[objectName] || function (k, v) { (win[objectName].parameters = win[objectName].parameters || { src: source, version: '1.1' })[k] = v; }; var js, rjs = doc.getElementsByTagName(script)[0]; js = doc.createElement(script); js.async = 1; js.src = source; rjs.parentNode.insertBefore(js, rjs); }(window, document, 'script', 'https://www.radionomy.com/js/radionomy.player.js', 'radplayer3'));
radplayer3('url', 'studio-ant');
radplayer3('type', 'mobile');
radplayer3('autoplay', '0');
radplayer3('volume', '50');
radplayer3('color1', '#000000');
radplayer3('color2', '#ffffff');
</script>
<div class="radionomy-player"></div></td>
    <td><script>
(function (win, doc, script, source, objectName) { (win.RadionomyPlayerObject = win.RadionomyPlayerObject || []).push(objectName); win[objectName] = win[objectName] || function (k, v) { (win[objectName].parameters = win[objectName].parameters || { src: source, version: '1.1' })[k] = v; }; var js, rjs = doc.getElementsByTagName(script)[0]; js = doc.createElement(script); js.async = 1; js.src = source; rjs.parentNode.insertBefore(js, rjs); }(window, document, 'script', 'https://www.radionomy.com/js/radionomy.player.js', 'radplayer4'));
radplayer4('url', 'radiotuto');
radplayer4('type', 'mobile');
radplayer4('autoplay', '0');
radplayer4('volume', '50');
radplayer4('color1', '#000000');
radplayer4('color2', '#ffffff');
</script>
<div class="radionomy-player"></div></td>
  </tr>
</table>

</body>
</html>


Broncode zonder script

Code:
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 0px solid black;
border-spacing: 20px;
margin-left: auto; margin-right: auto; }
}
</style>
</head>
<body>

<table>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>

</body>
</html>


4 spelers type "horizontal" als volgt :
Attachment:
players-horizontal.PNG
players-horizontal.PNG [ 351.35 KiB | Viewed 9087 times ]


Demo: http://radio-nostalgia.nl/demo/players-horizontal.html

Broncode met script

Code:
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 0px solid black;
border-spacing: 20px;
margin-left: auto; margin-right: auto; }
}
</style>
</head>
<body>

<table>
  <tr>
    <td><script>
(function (win, doc, script, source, objectName) { (win.RadionomyPlayerObject = win.RadionomyPlayerObject || []).push(objectName); win[objectName] = win[objectName] || function (k, v) { (win[objectName].parameters = win[objectName].parameters || { src: source, version: '1.1' })[k] = v; }; var js, rjs = doc.getElementsByTagName(script)[0]; js = doc.createElement(script); js.async = 1; js.src = source; rjs.parentNode.insertBefore(js, rjs); }(window, document, 'script', 'https://www.radionomy.com/js/radionomy.player.js', 'radplayer1'));
radplayer1('url', 'radio-nostalgia');
radplayer1('type', 'horizontal');
radplayer1('autoplay', '0');
radplayer1('volume', '50');
radplayer1('color1', '#000000');
radplayer1('color2', '#ffffff');
</script>
<div class="radionomy-player"></div></td>
  </tr>
  <tr>
    <td><script>
(function (win, doc, script, source, objectName) { (win.RadionomyPlayerObject = win.RadionomyPlayerObject || []).push(objectName); win[objectName] = win[objectName] || function (k, v) { (win[objectName].parameters = win[objectName].parameters || { src: source, version: '1.1' })[k] = v; }; var js, rjs = doc.getElementsByTagName(script)[0]; js = doc.createElement(script); js.async = 1; js.src = source; rjs.parentNode.insertBefore(js, rjs); }(window, document, 'script', 'https://www.radionomy.com/js/radionomy.player.js', 'radplayer2'));
radplayer2('url', 'radio-tijdloos');
radplayer2('type', 'horizontal');
radplayer2('autoplay', '0');
radplayer2('volume', '50');
radplayer2('color1', '#000000');
radplayer2('color2', '#ffffff');
</script>
<div class="radionomy-player"></div></td>
  </tr>
  <tr>
    <td><script>
(function (win, doc, script, source, objectName) { (win.RadionomyPlayerObject = win.RadionomyPlayerObject || []).push(objectName); win[objectName] = win[objectName] || function (k, v) { (win[objectName].parameters = win[objectName].parameters || { src: source, version: '1.1' })[k] = v; }; var js, rjs = doc.getElementsByTagName(script)[0]; js = doc.createElement(script); js.async = 1; js.src = source; rjs.parentNode.insertBefore(js, rjs); }(window, document, 'script', 'https://www.radionomy.com/js/radionomy.player.js', 'radplayer3'));
radplayer3('url', 'studio-ant');
radplayer3('type', 'horizontal');
radplayer3('autoplay', '0');
radplayer3('volume', '50');
radplayer3('color1', '#000000');
radplayer3('color2', '#ffffff');
</script>
<div class="radionomy-player"></div></td>
  </tr>
  <tr>
    <td><script>
(function (win, doc, script, source, objectName) { (win.RadionomyPlayerObject = win.RadionomyPlayerObject || []).push(objectName); win[objectName] = win[objectName] || function (k, v) { (win[objectName].parameters = win[objectName].parameters || { src: source, version: '1.1' })[k] = v; }; var js, rjs = doc.getElementsByTagName(script)[0]; js = doc.createElement(script); js.async = 1; js.src = source; rjs.parentNode.insertBefore(js, rjs); }(window, document, 'script', 'https://www.radionomy.com/js/radionomy.player.js', 'radplayer4'));
radplayer4('url', 'radiotuto');
radplayer4('type', 'horizontal');
radplayer4('autoplay', '0');
radplayer4('volume', '50');
radplayer4('color1', '#000000');
radplayer4('color2', '#ffffff');
</script>
<div class="radionomy-player"></div></td>
  </tr>
</table>

</body>
</html>


Broncode zonder script

Code:
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 0px solid black;
border-spacing: 20px;
margin-left: auto; margin-right: auto; }
}
</style>
</head>
<body>

<table>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td><</td>
  </tr>
</table>

</body>
</html>


Have fun :)

Author:  radio1 [ Tue Jun 21, 2016 3:48 am ]
Post subject:  Re: [WEBSITE] Hoe plaats je meerdere spelers op dezelfde web

:?: was het niet ergens te lezen Bob als je een zichtbare player op je website zet je zelf in de problemen kunt komen met auteursrechten?

Warme Groeten vanuit Louisa Kentucky
Peter Termonia
Radio Studio 1

Author:  Bob [ Sun Jun 26, 2016 4:41 pm ]
Post subject:  Re: [WEBSITE] Hoe plaats je meerdere spelers op dezelfde web

radio1 wrote:
:?: was het niet ergens te lezen Bob als je een zichtbare player op je website zet je zelf in de problemen kunt komen met auteursrechten?

Warme Groeten vanuit Louisa Kentucky
Peter Termonia
Radio Studio 1


Daar is mij niks over bekend.

Page 1 of 1 All times are UTC
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/