sai prajeeth
Posts: 16
Joined: Wed Feb 26, 2014 11:25 am

how to use audio player in highslide

i have a audio player plugin...i want to popup in highslide..how can i do it...should i useiframe or html content...
please help me out
seba
Posts: 4415
Joined: Tue Jul 31, 2012 2:26 pm

Re: how to use audio player in highslide

Could you be more specific? what kidn of plugin, what doesn't work in your example? what have you tried?
Sebastian Bochan
Highcharts Developer
MisterNeutron
Posts: 440
Joined: Sun Aug 18, 2013 11:20 am

Re: how to use audio player in highslide

Use an iframe. Build a complete page (DOCTYPE, <head>, <body>, etc.) that calls your audio file and the player script you're using, and provides some sort of image to display while it's playing. Let's say that page is called myAudioPage.html. Then just call that page from Highslide:

Code: Select all

<a href='myAudioPage.html' class='highslide' onclick='return hs.htmlExpand(this, {objectType: "iframe", width: 830, height: 480, objectHeight: 480, allowHeightReduction: false})'><img src='myThumb.jpg' width='180' height='101' alt='MP3 Audio' title='MP3 Audio'></a>
You'll have to fiddle with the height and width parameters, of course, to suit the placeholder image you're using for your audio player and to suit whatever controlbar the audio player is providing.
sai prajeeth
Posts: 16
Joined: Wed Feb 26, 2014 11:25 am

Re: how to use audio player in highslide

i used a basic html audio player ...i used htmlcontent in high slide and inscribed the audio player in div

<a href="i" onclick="return hs.htmlExpand(this)">
Open HTML-content
</a>
<div class="highslide-maincontent">
<audio controls>
<source src="file:///H|/songs/01 - A2 - Tum Hi Ho [www.Mp3HunGama.IN].mp3"s type="audio/mpeg">
<source src="horse.ogg" type="audio/ogg">
<embed height="50" width="100" src="images/audio1.mp3">
</audio>
</div>

in this case its coming...but i like to use a plugin in highslide for example like a document viewer r audio player
seba
Posts: 4415
Joined: Tue Jul 31, 2012 2:26 pm

Re: how to use audio player in highslide

Well you can use html loading, like in the example which seems to working fine.
Attachments
exp.zip
(287.25 KiB) Downloaded 254 times
Sebastian Bochan
Highcharts Developer

Return to “Highslide JS Usage”