Discussion on Audio Waveform Player with Playlist

Tean

Tean supports this item

Supported

This author's response time can be up to 2 business days.

66 comments found.

q8doctor

q8doctor Purchased

hello, how to show time hour and minutes instead of only minutes. Thank you

Tean

Tean Author

Hello!

This would require some code modifications.

Inside new.js fle you will have to modify following functions:

formatCurrentTime, formatDuration

Hi,

So I’ve added the links to facebook, twitter, instagram and google +. I seem to have a problem with instagram, google + and possibly twitter. They come up with “a broken link” or the page is not valid. Facebook seems to work just fine. Not sure if there are any other particular requirements for these other sites.

Below is the code from the “new.js” file related to those links:

if(type == “facebook”){ path = prefix+’//www.facebook.com/sharer/sharer.php?u=’+encodeURIComponent(url); if(window.FB){ getFbSdk(url, thumb, title); return; } }else if(type == “twitter”){ path = prefix+’//twitter.com/share?url=’encodeURIComponent(url)‘&text=’+encodeURIComponent(title); }else if(type == “instagram”){ path = prefix+’//instagram.com/share?url=’encodeURIComponent(url)‘&text=’+encodeURIComponent(title); }else if(type == “googleplus”){ path = prefix+’//plus.google.com/share?url=’+encodeURIComponent(url); }else if(type == “tumblr”){ path = prefix+’//www.tumblr.com/share/link?url=’encodeURIComponent(url)‘&name=’encodeURIComponent(title)‘&description=’+encodeURIComponent(description); }

The test website is www.gslproductions.com/gsl development/indextest.html

Then select the “music” button to see the player.

Thanks for your help.

Tean

Tean Author

You are using file names with spacing (data-share, data-mp3). You cant have spacing in file names (example: goaway short.mp3)

Also you can update to latest version which will make data-share links automatic from data-mp3 attribute so you dont have to manually add data-share if you dont want them different than original mp3 file.

Hi,

I submitted a question the other day regarding issues with adding Instagram to my test website and with the others like google plus, twitter, etc. I keep getting location not found when I open all but facebook.

The test site is www.gslproductions.com/gsl development/indextest.html

I would appreciate some help. I’m fairly new at all of this.

I see that there are a few different types of calls for those sites like twitter passing test and tumbler passing name:

“twitter”==a?q=d+”//twitter.com/share?url=”encodeURIComponent(b)“&text=”+encodeURIComponent(g)

“tumblr”==a&&(q=d+”//www.tumblr.com/share/link?url=”encodeURIComponent(b)“&name=”encodeURIComponent(g)“&description=”+encodeURIComponent(t))

What are the requirements for Instagram?

Also, what is the best url address to pass along to any of these sites so they will recognize that attachment?

Thank you

e

Tean

Tean Author

I answered you above that you need to remove spaces from your filenames, because I think this could be the issue.

There is no instagram share in this plugin. You could try searching for some examples on google.

Is it possible to send a media link from my website to Instagram?

I have the following in the html:

and

“instagram”==a?q=d+”//instagram.com/share?url=”+encodeURIComponent(b):

in the “new.js” file.

I keep getting “sorry this page is not available.” I can see the address as “https://www.instagram.com/share/?url=www.gslproductions.com%2Fmp3%2Fwhateveritis_short.mp3” in the Instagram link.

The actual path for this is www.gslproductions.com/mp3/whateveritis_short.mp3

Please advise on this issue.

Best regards,

Evan M. Test site: http://gslproductions.com/gsldev/indextest.html#

Tean

Tean Author

Hello!

There is no instagram share in this plugin.

mrhea00

mrhea00 Purchased

Hello, I’m having some issues using the folder read method. When using the folder source, it reads and displays the titles of the tracks in the folder, but it doesn’t play and the waveform section shows Loading 0%. I noticed that the generated download link path is also incorrect due to a missing ”/” between the domain and the start of the path (domain.comfiles/music) instead of (domain.com/files/music) Could these things be related? I’m assuming its a syntax issue in the new.js file. Any help would be appreciated.

Tean

Tean Author

Hello!

Can you send a message at http://codecanyon.net/user/Tean#contact with a link to your webpage so we can have a look at the issue.

Thanks

moziee

moziee Purchased

Hi – bought this product to use the default display with wave showing. I intend to use multiple playlists on the one page. Do you have an example of this working that you could send? I’m not quite sure how to get it working. Thanks!

Kind Regards Malc

Tean

Tean Author

Like this if you used mult1 and mult2 as instanceNames

if(instanceName == 'default' || instanceName == 'default2' || instanceName == 'default3' ||  instanceName == 'default4' || instanceName == 'poster' || instanceName == 'mult1' || instanceName == 'mult2'){
moziee

moziee Purchased

Hi – just got that working – thanks! Finally just need to create image files for the mp3 – checking that now. Malc

moziee

moziee Purchased

Just to check – I’m assuming from your help pages that all I have to do is call procedure with awp-playlist-item to create a peak file that will then be used to display the wav. However I’ve removed the existing png wav image files are no new ones are being created. what am I doing wrong? Thanks! Malc

by
by
by
by
by
by