rtMedia js hooks

rtMedia has several js hooks defined which works like WordPress hooks, you can use them in your theme or plugin for rtMedia related tasks.

rtmedia_after_gallery_load

This will be called after rtMedia gallery load/refresh.

rtmedia_js_file_added

This will be called after file added in queue for upload (need to return true/false).

rtmedia_js_file_remove

This will be called after file removed from upload queue.

rtmedia_js_after_file_upload

This will be called after single file upload.

rtmedia_js_after_files_uploaded

This will be called after all the files uploaded.

rtmedia_js_after_comment_added

This will be called after comment added for media.

rtmedia_js_after_comment_deleted

This will be called after comment is deleted.

rtmedia_js_popup_after_content_added

This will be called after lightbox has been opened.

rtmedia_js_after_activity_added

This will be called after rtMedia activity added in BuddyPress activity page.

rtm_custom_progress_bar_content

This will be called when media is attached while uploading media. You can call this if you want to add your own custom content in progress bar.

To use rtMedia js hook, you need to register corresponding function to hook. Check below example for how to use rtMedia js hooks.

if( typeof rtMediaHook == "object" ){   // check if rtMediaHook defined or not
rtMediaHook.register(
'rtmedia_js_after_file_upload', // hook id here
function ( args ) { // your function here
// your code here
  }
);
}

rtmedia_js_uploader_slide_after_gallery_reload

This hook will be called after gallery reload event on upload media. You can add this filter if you want to handle uploader’s slide event. So if you return true it means After gallery reload event, media uploader will automatically slide up, but if you return false that means media uploader will not slide up and it will remain as it is.

To use this rtMedia js hook, you need to register the corresponding function to hook. Check below example for how to use this rtMedia js hooks.

You can add the code given below in theme’s functions.php file

    add_action( 'wp_head', function() {
?>
        <script>
            if( typeof rtMediaHook == "object" ){ // check if rtMediaHook defined or not
                rtMediaHook.register(
                    'rtmedia_js_uploader_slide_after_gallery_reload', // hook id here
                    function () { // your function here
                        return false;
                    }
                );
            }
        </script>
<?php
    } );

OR You can add the given below in JS file that is being enqueued in your website

if( typeof rtMediaHook == "object" ) { // check if rtMediaHook defined or not
    rtMediaHook.register(
        'rtmedia_js_uploader_slide_after_gallery_reload', // hook id here
        function () { // your function here
            // your code here
            return false;
        }
    );
}