Radionomy Board
It is currently Sat Apr 21, 2018 7:18 am

All times are UTC




Post new topic This topic is locked, you cannot edit posts or make further replies.  [ 1 post ] 
Author Message
PostPosted: Tue Oct 13, 2015 3:12 am 
Offline
Site Admin
User avatar

Joined: Mon Jun 24, 2013 9:17 am
Posts: 9210
Location: Planet Earth
Radio 1: http://www.radionomy.com/urbangold
Radionomy fournit 3 différents modèles de player intégrable sur votre site web, à savoir :

Medium 300x389 px
Attachment:
01_medium.PNG
01_medium.PNG [ 131.46 KiB | Viewed 2786 times ]


Mobile 320x90 px
Attachment:
02_mobile.PNG
02_mobile.PNG [ 46.14 KiB | Viewed 2786 times ]


Horizontal 728x90 px
Attachment:
03_horizontal.PNG
03_horizontal.PNG [ 22.9 KiB | Viewed 2786 times ]


Vous les trouverez sur le site Radionomy : https://www.radionomy.com/en/radio/your-radioname
Attachment:
04_Player exportable.png
04_Player exportable.png [ 16.35 KiB | Viewed 2786 times ]



Comment intégrer plusieurs players sur une seule page web (CSS) ?
Ci-dessous, 3 exemples d'intégration du code :

Copiez le code de votre choix et ajoutez le dans votre propre table de code : <th>script</th>
Afin d'intégrer plusieurs players, vous devez définir un ID propre à chaque player. (en rouge sur l'image)

  • Player 1 ID is "radplayer1"
  • Player 2 ID is "radplayer2"
  • Player 3 ID is "radplayer3"
  • Player 4 ID is "radplayer4"
  • etc., etc.
Attachment:
05_Script.PNG
05_Script.PNG [ 90.19 KiB | Viewed 2786 times ]


3 players de type "medium" disposés comme suit :

Attachment:
06_players-medium.PNG
06_players-medium.PNG [ 105.81 KiB | Viewed 2786 times ]


Demo: https://radionostalgia.nu/demo/players-medium.html

Code source avec 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>


Code source sans 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 players de type "mobile" disposés comme suit :
Attachment:
07_players-mobile.PNG
07_players-mobile.PNG [ 63.64 KiB | Viewed 2786 times ]


Demo: https://radionostalgia.nu/demo/players-mobile.html

Code source avec 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>


Code source sans 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 players de type "horizontal" disposés comme suit :
Attachment:
08_players-horizontal.PNG
08_players-horizontal.PNG [ 93.89 KiB | Viewed 2786 times ]


Demo: https://radionostalgia.nu/demo/players-horizontal.html

Code source avec 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>


Code source sans 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>


Top
 Profile Send private message  
 
Display posts from previous:  Sort by  
Post new topic This topic is locked, you cannot edit posts or make further replies.  [ 1 post ] 

All times are UTC


Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Group