Reproductor HTML5 Simple:
Solo Copia y Pega este Codigo en el sitio que quieras el Reproductor
|
<audio id="stream" controls preload="none" autoplay style="width: 400px;">
<source src="http://163.172.198.16:SUPUERTO/;" type="audio/mpeg"> </audio> <script> var audio = document.getElementById('stream'); audio.volume = 0.5; </script> |
Reproductor HTML5 - HTTPS COMPATIBLE:
<!-- BEGINS RADIO PLAYER CODE -->
<script type="text/javascript" src="https://hosted.muses.org/mrp.js"></script>
<script type="text/javascript">
MRP.insert({
'url':'TUURLDETRANSMISION',
'lang':'es',
'codec':'mp3',
'volume':100,
'autoplay':true,
'forceHTML5':true,
'jsevents':true,
'buffering':0,
'title':'Streaming by SNHC',
'wmode':'transparent',
'skin':'cassette',
'width':200,
'height':120
});
</script>
<!-- ENDS RADIO PLAYER CODE -->
Reproductor HTML5 RadiosVoz
<!-- BEGINS RADIO PLAYER CODE -->
<script type="text/javascript" src="https://hosted.muses.org/mrp.js"></script>
<script type="text/javascript">
MRP.insert({
'url':'https://play10.tikast.com/proxy/sc_931st?mp=/1',
'lang':'es',
'codec':'mp3',
'volume':100,
'autoplay':false,
'forceHTML5':true,
'jsevents':true,
'buffering':0,
'title':'Streaming by SNHC',
'wmode':'transparent',
'skin':'radiovoz',
'width':220,
'height':69
});
</script>
<!-- END RADIO PLAYER CODE -->
Reproductor HTML5 Style HD
Solo Copia y Pega este Codigo en el sitio que quieras el Reproductor
|
<!-- Reproducto Streaming SNHC --> <link rel="stylesheet" id="insCSS-css" href="https://html5player.smartnethostingcolombia.com/p/jquery.ins-1.1.2.min.css" type="text/css" media="all"> <script type="text/javascript" src="https://html5player.smartnethostingcolombia.com/p/jquery.js"></script> <script type="text/javascript" src="https://html5player.smartnethostingcolombia.com/p/underscore-min.js"></script> <script type="text/javascript" src="https://html5player.smartnethostingcolombia.com/p/jquery.ins-1.1.2.min.js"></script> <div id="my-ins-container"> </div> <script> (function ($) { $.ins({ host: '163.172.198.16', port: SUPUERTO, mountpoint: 'listen.mp3', version: 2, sid: 1, statsPath: 'stats', playedPath: 'played', directStreamURL: false, isicecast: true, imgdefault: 'https://pensilvaniaturistica.com/radioenvivo/audio_anto.gif' , ui: 'colored', theme: 'dynamic', colors: { primary: 'white', accent: 'red' }, startTemplate: 'maximized', position: 'right', container: '#my-ins-container', autoPlay: true, autoUpdate: 'all', artwork: true, statusBar: true, minimizeMaximize: true, muteUnmute: true, startMuted: false, serverInfo: ["songtitle"], played: false, currentTrack: true, currentArtist: true, playedTracks: true, playedArtists: true, offlineCheck: false, mobileCare: false, language: { offlineText: 'Temporalmente Offline', playedText: 'Sonando', unknownTrackText: 'Track Desconocido', unknownArtistText: 'Artista Desconocido' }, irrelevantWords: ["feat.", "ft.", "Feat.", "Ft."], overHTTPS: false, onReady: function () { }, onAudioLoad: function () { }, onMobile: function () { }, onPlay: function () { }, onPause: function () { }, onMute: function () { }, onUnmute: function () { }, onMinimize: function () { }, onMaximize: function () { }, onUpdate: function () { }, onUpdateAll: function () { }, onCurrentArtwork: function () { }, onPlayedArtworks: function () { }, onCurrentInfo: function () { }, onPlayedInfo: function () { }, onDynamicColors: function () { }, onDynamicColorsContrast: function () { }, onDynamicTheme: function () { } }); insready($.ins);})(jQuery); </script> <script type="text/javascript" src="https://html5player.smartnethostingcolombia.com/p/bootstrap.min.js"></script></p> |