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.

48 comments found.

This is overly complicated – I’ve had experience of many small scripts but it seems you need to be a programmer to use this. For example, the doc says “player needs to be activated AFTER the parent html container in which player is placed has been made visible in css! (display:block for example)”

What does that mean ?!?? You need much better documentation that doesn’t assume all purchasers are programmers.

I’ve installed the player here http://handmadesounds.com/test.html checked the folder is correct but it’s not working. I want the MP3 player to read the folder specified in the HTML.

I don’t know where you’re seeing those errors because I see no errors. If your script displayed errors it would be much more user-friendly: right now it’s the least user-friendly script I’ve ever purchased.

I uploaded those folders but api.html STILL DOES NOT WORK. I don’t have much more time to spend on this now: I need a solution that works.

I see them in browser console.

These files should be inside media folder. If you uploaded whole deploy folder on your server (per my instructions) then media folder should be in there. Check if these files exist:

http://handmadesounds.com/media/audio/2/01.jpg 404 (Not Found) http://handmadesounds.com/media/audio/2/01.mp3 404 (Not Found)

SoundCloud integration

I purchased this plugin mainly for the waveforms based on SoundCloud content.

Sound Cloud Link : www.soundcloud.com/shyamalangan

I believe I have set up everything correctly. I setup the Client ID in the parameters. The Title of the track is showing correctly. But its not showing the waveform nor playing the track.

  • ERROR “parsererror” SyntaxError: Unexpected token < in JSON at position 2

    Please help. Your quick reply is much appreciated.

    Thanks, Tim

  • <li class="awp-playlist-item" data-type="soundcloud" data-path="https://www.soundcloud.com/shyamalangan" data-remote="" />

    I’m purchased this plugin for a website that is designed in .net

    When I hose the PHP files in the IIS server it seems to be work (I don’t know how.. but its working). But on my local dev machine PHP isn’t running. I”m using Visual Studio 2010. How do get PHP to run? I can’t host all the time to see if the end result is appearing as per my expectation. I’m sure you would have come across a situation like this. Please help. If I had known an SERVER tech was required for this plugin then I wouldn’t have bought this. I was expecting a 100% client side plugin. Please help solve this at your earliest. Thanks

    Local server like xampp is required or online server.

    Not even jquery ajax will work without server.

    Also Soundcloud / Podcast api feeds cannot run offline.

    greg7350

    greg7350 Purchased

    Hello, Is it possible to add songs to a playlist without having to reload the page?

    For example if a playlist contains a lot of songs Once AwpPlaylistEnd () executed It loads the rest of the playlist (without reloading the page) Is this possible?

    Merci

    Tean

    Tean Author

    Hello!

    Yes, its possible.

    Check documentation / api section and api.html demo page for more examples on how to add songs.

    greg7350

    greg7350 Purchased

    I am aware that my knowledge of Javascript is limited

    I guess I have to use this function?

    awp_player.addTrack(‘data’, awp_track_list_data10, false, 0); return false;

    I have a lot of difficulties understanding how to do it :(

    function awpPlaylistEnd(instance, instanceName){ }

    $.ajax({
            url:  ' ../testadd.php',
            type: 'post',
             data : '',
             dataType: "text" 
            //dataType: 'json'
        });
    parent.awp_player.addTrack('data', awp_track_list_data1[0], false, 0); return false;

    in testadd.php

    <script> var awp_track_list_data1 = [

    {
                type: 'audio', 
                mp3: 'media/audio/1/Tim_McMorris_-_A_Bright_And_Hopeful_Future.mp3',
                artist: 'Tim McMorris',
                title: 'A Bright And Hopeful Future', 
                thumb: 'media/audio/1/Tim_McMorris_-_A_Bright_And_Hopeful_Future.jpg',
                link: 'http://www.google.com',
                target: '_blank',
                download: 'media/audio/1/Tim_McMorris_-_A_Bright_And_Hopeful_Future.mp3'
            }, 
            {
                type: 'audio', 
                mp3: 'media/audio/1/Tim_McMorris_-_Be_My_Valentine.mp3',
                artist: 'Tim McMorris',
                title: 'Be My Valentine', 
                thumb: 'media/audio/1/Tim_McMorris_-_Be_My_Valentine.jpg'
            }, 
            {
                type: 'audio', 
                mp3: 'media/audio/1/Tim_McMorris_-_Give_Our_Dreams_Their_Wings_To_Fly.mp3',
                artist: 'Tim McMorris',
                title: 'Give Our Dreams Their Wings To Fly', 
                thumb: 'media/audio/1/Tim_McMorris_-_Give_Our_Dreams_Their_Wings_To_Fly.jpg',
                playbackRate: 2,
                start: 5,
                end: 45
            }
        ];
    </script>

    It should look like this?

    Thank you for your help

    greg7350

    greg7350 Purchased

    Please excuse me

    I found a method :)

    thank you

    Hello, can you make the script work on PHP Sound – http://codecanyon.net/item/phpsound-music-sharing-platform/9016117?s_rank=2 as you did for soundcloud api?

    Tean

    Tean Author

    Hello!

    Can you explain more what you had in mind, work on PHP Sound in what way?

    Thanks

    Library Updates. I received an email from Envato stating an update was available for download. But I don’t see the download link in the DOWNLOADS section.

    I have purchased and I gave also submitted tickets regarding some issues. It’s not showing in the download sedtion. With whom should I raise this issue?

    Tean

    Tean Author

    Is this from Oveyen account?

    Yes. Oveyen.

    Oveyen

    Oveyen Purchased

    I logged in as OVEYEN and found the file.. Which files have you updated? I don’t want to update all the file blindly on my system.

    Shouldn’t all items I purchased under Oveyen be synced since it comes under company profile? If not, how do I merge it?

    Tean

    Tean Author

    Updates to Soundcloud api have been made which means plugin main file (new.js) and html for Soundcloud playlists has changed.

    Oveyen

    Oveyen Purchased

    Playlist Customization. I’m need a custom view for my playlist. I can do it manually too. But the plugin has to pick it up and instead of creating its own playlist view. How can i do this?

    Please have a look at this page. I need the title (native-language) and artist name and then the link to the song page all in one line. Is there an option to just pick up the playlist what I’ve created instead of the plugin creating its own? http://www.shyamalangan.com/music/
    Oveyen

    Oveyen Purchased

    I checked the code. It doesn’t give me the flexibility to customise the view I want. Isn’t there an option for me to just design the view I want and get the plugin to use my playlist as is? I can give the correct CSS classes for your plugin to pick up, but this overriding method seems to be an overkill and is a problem for me. What options can you give for this?

    Tean

    Tean Author

    Playlist items are built in buildPlaylist function. Unfortunately there is no other way currently. If you were to modify the code, playlist needs at least data for each playlist item (if you are using self hosted mp3 files), which means link to mp3 file, thumb, peak image (if used), other data like download, share link etc.

    Tean

    Tean Author

    I can see that having an option to set playlist markup by yourself would be useful. If many people requests this, we will add this feature to the plugin.

    greg7350

    greg7350 Purchased

    Hello, I’m trying to use The seek () function In a callback function but cesi does not work for me

    Is there a way for it to work?

    greg7350

    greg7350 Purchased

    function awpItemTriggered(instance, instanceName, counter){ awp_player.seek(15); console.log(‘instance: ’, instance.seek(15)); ,...

    console:

    jquery-3.1.0.min.js:2 jQuery.Deferred exception: Cannot read property ‘seek’ of undefined TypeError: Cannot read property ‘seek’ of undefined at awpItemTriggered (http://192.168.0.3/listen2/themes/player/js/new_cb.js:294:12) at AWPPlaylistManager.<anonymous> (listen2/themes/player/js/new.js:1790:4) at AWPPlaylistManager.dispatch (listen2/themes/player/js/jquery-3.1.0.min.js:3:9922) at AWPPlaylistManager.q.handle (listen2/themes/player/js/jquery-3.1.0.min.js:3:7949) at Object.trigger (listen2/themes/player/js/jquery-3.1.0.min.js:4:5465) at AWPPlaylistManager.<anonymous> (listen2/themes/player/js/jquery-3.1.0.min.js:4:5975) at Function.each (listen2/themes/player/js/jquery-3.1.0.min.js:2:2815) at r.fn.init.each (listen2/themes/player/js/jquery-3.1.0.min.js:2:1003) at r.fn.init.trigger (listen2/themes/player/js/jquery-3.1.0.min.js:4:5951) at checkCounter (isten2/themes/player/js/new.js:1473:14) undefined

    instance: undefined

    Tean

    Tean Author

    I just tested, you cant call seek before media is played, which means earliest in awpMediaPlay callback, however it also requires a boolean to seek only once, because wavesurfer will dispatch this every time after seek, otherwise this both will run indefinitely.

    If you want to set start time on song start you should use data-start=”5”, and not seek!

    greg7350

    greg7350 Purchased

    Ok thanks i understand better.

    I thought we could do a simple

    myfunction_Resume_or_I_was(x,y){

    ... If (counter == x) go=awp_player.seek(y); ... }

    I knew "data-start" but in my case it would ask me many modifications
    by
    by
    by
    by
    by
    by