WordPress.org

Ready to get started?Download WordPress

Forums

mb.miniAudioPlayer - an HTML5 audio player for your mp3 files
[resolved] Just can't get it to work (9 posts)

  1. Radmacdaddy
    Member
    Posted 1 year ago #

    I am working with a modified template and have been running in circles with this audio player. I love the idea of it, but it just won't show your player, only the WP style with the audio title as a link to a page that plays.

    I have gone through your FAQ and checked everything. Can you have a peek and see if something obvious and stupid is keeping it from working?

    Audio

    Many thanks.

    BTW I love your personal site design, very cool performance.

    http://wordpress.org/extend/plugins/wp-miniaudioplayer/

  2. pupunzi
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,
    Your site page is firing an error (TypeError: element.dispatchEvent is not a function - $m(".ccf-datepicker").datepicker();) that is probably blocking the audio script. The error is not generated by the mb.miniAudioPlayer. You should try disabling one by one the other installed plugin to check which one is breaking the javascript.

    Bye,
    Matteo

  3. Radmacdaddy
    Member
    Posted 1 year ago #

    Many thanks Matteo! I'll seek it out and let you know. cheers.

  4. afrogenius
    Member
    Posted 1 year ago #

    Hi Matteo, I am relatively new to your plugin and also find I cant get this plugin to work on my published posts/pages. The plugin seems to be installed properly and can see the button in my edit posts/page however when published I still get the standard WordPress text link for audio files. I have gone through the forum to see problems by others but cant seem to get it to work.

    Page link with player is: http://idezentertainment.com/?p=102

  5. pupunzi
    Member
    Plugin Author

    Posted 1 year ago #

    @afrogenius: The page you are pointing to doesn't exist. I can't see what's going on.

  6. afrogenius
    Member
    Posted 1 year ago #

    Many apologies Matteo, post was privately published. See this temporary page. http://idezentertainment.com/?page_id=18

  7. afrogenius
    Member
    Posted 1 year ago #

    Sad but i might have to give up on this plugin. Even more sad coz it seems like such a great plugin. All the best

  8. AndrewTayo
    Member
    Posted 1 year ago #

    Hi Pupunzi,

    I'm having exactly the same problem described above... I would love any assistance you could give me to get it working.

    Thanks!

    http://gess.justatc.com/audio

  9. pupunzi
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Andrew,
    Your site load the content via AJAX; the player initializer is called onDocumentReady and transform each mp3 url into a player. In your case, when the function is called, none of the links to an mp3 file is on the DOM of the page. When the content is loaded into the page it's too late.

    You should call the mb.miniAudioPlayer initialize function each time you load a new content via AJAX on the ajaxSuccess callback.

    Try replacing the miniAudioPlayer_player_head() function (from line 109 to line 146) of the miniAudioPlayer.php file with:

    function miniAudioPlayer_player_head() {
        global $miniAudioPlayer_getMetadata, $miniAudioPlayer_width,$miniAudioPlayer_skin, $miniAudioPlayer_animate,$miniAudioPlayer_volume,$miniAudioPlayer_autoplay,$miniAudioPlayer_showVolumeLevel,$miniAudioPlayer_showTime,$miniAudioPlayer_showRew;
        echo '
    	<!-- start miniAudioPlayer initializer -->
    	<script type="text/javascript">
    
        if(!map) var map={};
        map.downloadUrl = "'.plugins_url( 'map_download.php', __FILE__ ).'";
        map.userCanDownload = '.(current_user_can('read') == 1 ? "true" : "false").';
    
        function initializeMiniAudioPlayer(){
             jQuery("a[href*=\'.mp3\'] ,a[href*=\'.m4a\']")'.getExcluded().'mb_miniPlayer({
    				inLine:true,
                    width:"'.$miniAudioPlayer_width.'",
    				skin:"'.$miniAudioPlayer_skin.'",
    				animate:'.$miniAudioPlayer_animate.',
    				volume:'.$miniAudioPlayer_volume.',
    				autoplay:'.$miniAudioPlayer_autoplay.',
    				showVolumeLevel:'.$miniAudioPlayer_showVolumeLevel.',
    				showTime:'.$miniAudioPlayer_showTime.',
    				id3:'.$miniAudioPlayer_getMetadata.',
    				showRew:'.$miniAudioPlayer_showRew.',
    				downloadable:'.canDownload().',
    				swfPath:"'.plugins_url( '/js/', __FILE__ ).'"
    		});
        }
    
    	jQuery(function(){
              initializeMiniAudioPlayer();
              jQuery(document).ajaxSuccess(function(event, xhr, settings) {
               	initializeMiniAudioPlayer();
              });
    	});
    	</script>
    	<!-- end miniAudioPlayer initializer -->
    
    	';
    };

    If it works I'll include this fix on the next release.

    Bye,
    Matteo

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic