[{"name":"Audio Player with Playlist Ultimate","slug":"audio-player-with-playlist-ultimate","version":"1.3","author":"WP OnlineSupport, Essential Plugin","author_profile":"https://profiles.wordpress.org/wponlinesupport/","requires":"4.0","tested":"6.2.6","requires_php":false,"requires_plugins":[],"rating":64,"ratings":{"1":4,"2":2,"3":0,"4":0,"5":6},"num_ratings":12,"support_threads":0,"support_threads_resolved":0,"downloaded":29509,"last_updated":"2023-07-28 11:12am GMT","added":"2017-09-13","homepage":"https://www.essentialplugin.com/wordpress-plugin/audio-player-playlist/","sections":{"description":"

Explore Audio Player with Playlist Pro Features | Bundle Deal

Audio Player with Playlist Ultimate plugin is a jQuery HTML5 Music/Audio Player with Playlist comes with huge possibilities and options.

Its comes with 1 styles for grid and 1 for playlist with Single player & Multiple player orientations. It supports shuffle, repeat, volume control, time line progress-bar, Song Title and Artist.

This plugin is built by open source jPlayer jQuery Plugin, HTM5 & CSS3. You can customize or re-style the player easily with CSS. It will take few minutes to integrate.

Also work with Gutenberg shortcode block.

How to use

Once you added all the data under audio player section, please use the below shortcode to display.

[apwp_player_grid]\n[apwp_player]\n

Shortcode parameters are for both shortcodes

\n
grid : grid=”3″ (Display players in grid)
\nNote : This parameter will not work with shortcode [apwp_player]
\n
\n
limit : limit=”10″ (Display 10 items)
\n
playlist_id : playlist_id=”XX” (Display by playlist )
audio_id : audio_id=”XX” (Display only one player with audio id )
\n
playlist_hide : playlist_hide=”true” (To hide the playlist. values are “true” OR “false”)
\nNote : This parameter will not work with shortcode [apwp_player_grid])
\n
\n
order : order=”DESC” (Order your audio player by “ASC” OR “DESC” )
\n
orderby : orderby=”date” (Display Audio player list in your order. Values are “ID”, “title”, “name”, and “date” )

Audio Player with Playlist Pro Features

Elegant, Clean, Modern & Fully Responsive Design
Change player theme color from setting page.
Single player and Multiple player
Multiple Player supports in same page
1 Player Styles
Song Title and Artist name supported
Album Art supported
Shuffle, Repeat, volume control
Easy integration
Font Awesome Icon
Work on desktop, tablet and phone
Responsive and retina ready

PRO Features :

\n
Premium Version
\n
\n
3 Shortcode- Grid, Slider, Playlist
\n
6 Audio Player with playlist, 4 Audio Player in grid and slider styles
\n
Shuffle, Repeat, volume control
\n
Multiple Player supports in same page
\n
Elegant, Clean, Modern & Fully Responsive Design
\n
Single player and Multiple player
\n
Multiple Player supports in same page
\n
12 Different Player Styles
\n
Horizontal and vertical playlist with multiple layout
\n
Song Title and Artist name supported
\n
Album Art supported
\n
Shuffle, repeat, volume control
\n
Easy integration
\n
Playlist toggle
\n
Font Awesome Icon
\n
Work on desktop, tablet and phone
\n
Responsive and retina ready
\n
\n
Explore Audio Player with Playlist Ultimate Pro Features
\n

\n","installation":"

Upload the ‘audio-player-with-playlist-ultimate’ folder to the ‘/wp-content/plugins/’ directory.
Activate the “audio-player-with-playlist-ultimate” list plugin through the ‘Plugins’ menu in WordPress.

\n","changelog":"

1.3 (28 July 2023)

[*] Update – Added nonce security to plugin reset setting.
[*] Update – Use escaping and sanitize functions for better security.
[*] Check compatibility to WordPress version 6.2.2

1.2.2 (14, Feb 2022)

[*] Tested up to: 5.9
[-] Removed some unwanted code and files.

1.2.1 (15, Nov 2021)

[*] Update – Add some text and links in Readme file.
[*] Minor change in CSS.

1.2 (19-08-2021)

[*] Updated all external links
[*] Tested up to: 5.8
[*] Updated language file.

1.1.6 (14-07-2020)

[*] Follow WordPress Detailed Plugin Guidelines for Offload Media and Analytics Code.
[*] Tested up to: 5.4.2

1.1.5 (01, 01 2020)

[*] Fix custom CSS setting issue.
[+] Added missing translation.
[*] Code optimization and performance improvements.
[*] Add new ‘Upgrade to Pro’ page in submenu with updated features list.

1.1.4 (29 Aug 2019)

[*] Fixed Issue: Orderby parameter now work with “name” parameter.
[*] Fixed Issue: Audio post type is now publicly true.
[*] Added: add filter for post type slug.

1.1.3 (17 June 2019)

[*] Fixed Issue: Added wp_reset_postdata(); for both shortcodes.

1.1.2

[*] Fixed Warning: Use of undefined constant APWPULTIMTE_VERSION.
[*] Fixed Warning: Use of undefined constant APWPPRO_POST_TYPE.

1.1

[+] Added new shortcode [apwp_player] to display player with playlist.
[+] Auto saving setting option on plugin install and activate
[*] Fixed responsive issue

1.0

Initial release.

\n","screenshots":"

$\"Admin$
Admin View
$\"Front$
Front side

"},"short_description":"Audio Player with Playlist Ultimate plugin is a jQuery HTML5 Music/Audio Player with Playlist comes with huge possibilities and options.","download_link":"https://downloads.wordpress.org/plugin/audio-player-with-playlist-ultimate.zip","screenshots":{"1":{"src":"https://ps.w.org/audio-player-with-playlist-ultimate/assets/screenshot-1.png?rev=1729071","caption":"Admin View"},"2":{"src":"https://ps.w.org/audio-player-with-playlist-ultimate/assets/screenshot-2.png?rev=1729071","caption":"Front side"}},"tags":{"album-art":"album art","artist":"artist","audio-player":"audio player","audio-player-with-playlist":"audio player with playlist","multiple-player":"multiple player"},"versions":{"1.1.4":"https://downloads.wordpress.org/plugin/audio-player-with-playlist-ultimate.1.1.4.zip"},"donate_link":"","icons":{"1x":"https://ps.w.org/audio-player-with-playlist-ultimate/assets/icon-128x128.png?rev=1729068"}},{"name":"WP Deferred JavaScripts","slug":"wp-deferred-javascripts","version":"2.0.5","author":"Willy Bahuaud, Daniel Roch, Grégory Viguier","author_profile":"https://profiles.wordpress.org/willybahuaud/","requires":"3.0","tested":"4.6.29","requires_php":false,"requires_plugins":[],"rating":64,"ratings":{"1":11,"2":6,"3":0,"4":1,"5":17},"num_ratings":35,"support_threads":0,"support_threads_resolved":0,"downloaded":157975,"last_updated":"2016-09-01 8:54am GMT","added":"2013-01-27","homepage":"http://www.screenfeed.fr","sections":{"description":"

This plugin defer the loading of all JavaScripts added by the way of wp_enqueue_script(), using LABJS. The result is a significant optimization of loading time.

It is compatible with all WordPress JavaScript functions (wp_localize_script(), js in header, in footer…) and works with all well coded plugins.

If a plugin or a theme is not properly enqueuing scripts, your site may not work. Check this page: Function Reference/wp_enqueue_script on WordPress Codex.

LABjs (Loading And Blocking JavaScript) is an open-source (MIT license) project supported by Getify Solutions.

We performed a range of tests to determine the potential benefit of loading time. On wabeo we executed webwait (150 calls by test). Result is this plugin could improve your loading time by 25%!!
\nMore information in the Screenshots section.

You can find more information about WP Deferred JavaScripts and technical information about asynchronous scripts on authors blogs.

\n","installation":"

\n
Upload the WP Deferred JavaScripts plugin to your blog and activate it.
\n
\n
Enjoy ^^
\n

\n","faq":"

WP Deferred JavaScript includes some hooks. If you never used one of them, check this page. It’s better to use those filters in a plugin or a mu-plugin.

\n\n

Exclude Scripts

do_not_defer is a filter that took as a parameter an array containing scripts that should be handle normally.

Here is an example:

// Normal script enqueue.\nadd_action( 'wp_enqueue_scripts', 'register_canvas_script' );\nfunction register_canvas_script() {\n    wp_register_script( 'my-canvas-script', 'http://exemple.com/myscript.js' );\n    wp_enqueue_script( 'my-canvas-script' );\n}\n\n// Don't defer this script.\nadd_filter( 'do_not_defer', 'exclude_canvas_script' );\nfunction exclude_canvas_script( $do_not_defer ) {\n    $do_not_defer[] = 'my-canvas-script';\n    return $do_not_defer;\n}\n

Since 2.0.3 you can also use the WP Deferred JS settings pannel!

Change LABJS URL

wdjs_labjs_src is a filter that allow you to change LabJS URL.
\n ($lab_src, $lab_ver)

// for example, I need a specific version of LabJS\nadd_filter( 'wdjs_labjs_src', 'my_labjs_src', 10, 2 );\nfunction my_labjs_src( $src, $ver ) {\n    if ( '2.0' !== $ver ) {\n        // Hotlinking raw github is a bad practice, I did it just for the lulz.\n        return 'https://raw.githubusercontent.com/getify/LABjs/edb9fed40dc224bc03c338be938cb586ef397fa6/LAB.min.js';\n    }\n    return $src;\n}\n

HTML5 compatibility

If you use HTM5, wdjs_use_html5 is a filter that remove the type=\"text/javascript\" attribute. You can use it this way:

add_filter( 'wdjs_use_html5', '__return_true' );\n

Change a script URL

wdjs_deferred_script_src can be used to change the way one of the script is loaded. For example:

// Here, I need to add information about the charset.\nadd_filter( 'wdjs_deferred_script_src', '', 10, 3 );\nfunction change_my_script_src( $src_string, $handle, $src ) {\n    // $src_string -> .script(\"http://exemple.com/myscript.js?v=2.0\")\n    // $handle -> my-script\n    // $src -> http://exemple.com/myscript.js?v=2.0\n    $out = array( 'src' => $src, 'charset' => 'iso-8859-1' );\n    return '.wait(' . json_encode( $out ) . ')';\n}\n

How to execute a code right after script loading

You may need to execute a script right after its loading. You can use wdjs_deferred_script_wait filter to do it.

add_action( 'wdjs_deferred_script_wait', 'after_my_script', 10, 2 );\nfunction after_my_script( $wait, $handle ) {\n    if ( 'my-script' === $handle ) {\n        $wait = 'function(){new MyScriptObject();}';\n    }\n    return $wait;\n}\n

Execute a function when all scripts are loaded

You may have to use inline JavaScript in your footer. If that’s the case, you will have to use that last hook to make it compatible with WP Deferred JavaScripts.

You will have to wrap this inline JS into a new function. Then, you will have to use wdjs_before_end_lab to execute it.

// This is a fake function that we are wrapping in a new function\nadd_filter( 'before_shitty_plugin_print_js', 'wrap_this_code' );\nfunction wrap_this_code( $code ) {\n    return 'function PluginShittyCode(){' . $code . '}';\n}\n\nadd_filter( 'wdjs_before_end_lab', 'call_shitty_code' );\nfunction call_shitty_code( $end ) {\n    $end .= '.PluginShittyCode()';\n    return $end;\n}\n

\n\n","changelog":"

2.0.5

Solve problem encountered on this support topic

2.0.4

do_not_defer can now accept scripts URI.
New settings sub-pannel to exclude scripts from deferring, without using the plugin filter.
Tested up to WordPress 4.4.2

2.0.2

Minor bugfix: now the plugin catches some data added lately and include it in the plugin script tag (instead of letting the data create its own tag).

2.0.1

Small code improvement.
Prefix functions with wdjs instead of sfdjs.

2.0.0

Overall code rewrite, by Grégory Viguier.
New hooks.
LabJS is loaded now loaded asynchronously.
Conditional script are now supported.
Bug fix: 404 error on scripts without source.
Script dependency that should not be deferred are now excluded automatically.
WP Deferred JavaScripts is compatible with SF Cache Busting.

1.5.5

Solve a problem when uri script contain “&”.
Solve a bug while waiting dependencies.

1.5.4

Prevent bug when scripts dependencies are not enqueued.

1.5.3

Prevent a minor bug for footer enqueue script.

1.5.2

Fixed a minor bug: bad priority while emptying $wp_scripts.

1.5.1

Fixed a minor bug: plugin active was on login and register pages.

1.5

Fixed a major bug: plugin active only in front end.

1.4

Fixed a minor bug: some JavaScripts enqueued with very high priority were ignored – filter scripts are now hooked on wp_print_scripts.

1.3

Fixed a major bug: files with dependencies are now waiting the loading of parent files before loading themselves.

1.2

Data called after wp_head, but linked to a script queued into header are now considered by the plugin.

1.1

Correction of some minor bugs
Improve code readability

1.0

Initial release

\n","screenshots":"

$\"Average$
Average load time of 1.91 seconds without WP Deferred JavaScripts activated and scripts loaded in the header
$\"Average$
Average load time of 1.99 seconds without WP Deferred JavaScripts activated and scripts queued in the footer
$\"Average$
Average load time of 1.56 seconds with WP Deferred JavaScripts activated and scripts queued in the header
$\"Average$
Average load time of 1.54 seconds with WP Deferred JavaScripts activated and scripts queued in the footer

"},"short_description":"Defer the loading of all JavaScripts added with wp_enqueue_script(), using LABJS (an asynchronous javascript library).","download_link":"https://downloads.wordpress.org/plugin/wp-deferred-javascripts.2.0.5.zip","screenshots":{"1":{"src":"https://ps.w.org/wp-deferred-javascripts/assets/screenshot-1.jpg?rev=663726","caption":"Average load time of 1.91 seconds without WP Deferred JavaScripts activated and scripts loaded in the header"},"2":{"src":"https://ps.w.org/wp-deferred-javascripts/assets/screenshot-2.jpg?rev=663726","caption":"Average load time of 1.99 seconds without WP Deferred JavaScripts activated and scripts queued in the footer"},"3":{"src":"https://ps.w.org/wp-deferred-javascripts/assets/screenshot-3.jpg?rev=663726","caption":"Average load time of 1.56 seconds with WP Deferred JavaScripts activated and scripts queued in the header"},"4":{"src":"https://ps.w.org/wp-deferred-javascripts/assets/screenshot-4.jpg?rev=663726","caption":"Average load time of 1.54 seconds with WP Deferred JavaScripts activated and scripts queued in the footer"}},"tags":{"deferring":"deferring","javascript":"javascript","labjs":"labjs","optimization":"optimization","performance":"performance"},"versions":{"1.5.2":"https://downloads.wordpress.org/plugin/wp-deferred-javascripts.1.5.2.zip","1.5.3":"https://downloads.wordpress.org/plugin/wp-deferred-javascripts.1.5.3.zip","1.5.4":"https://downloads.wordpress.org/plugin/wp-deferred-javascripts.1.5.4.zip","1.5.5":"https://downloads.wordpress.org/plugin/wp-deferred-javascripts.1.5.5.zip","1.5.6":"https://downloads.wordpress.org/plugin/wp-deferred-javascripts.1.5.6.zip","2.0.0":"https://downloads.wordpress.org/plugin/wp-deferred-javascripts.2.0.0.zip","2.0.1":"https://downloads.wordpress.org/plugin/wp-deferred-javascripts.2.0.1.zip","2.0.2":"https://downloads.wordpress.org/plugin/wp-deferred-javascripts.2.0.2.zip","2.0.5":"https://downloads.wordpress.org/plugin/wp-deferred-javascripts.2.0.5.zip","trunk":"https://downloads.wordpress.org/plugin/wp-deferred-javascripts.zip"},"donate_link":"","icons":{"1x":"https://ps.w.org/wp-deferred-javascripts/assets/icon-128x128.png?rev=974705","2x":"https://ps.w.org/wp-deferred-javascripts/assets/icon-256x256.png?rev=974705"}},{"name":"html5-slideshow","slug":"html5-slideshow","version":"3.1.5","author":"Miqayel","author_profile":"https://profiles.wordpress.org/miqo1996/","requires":"1.0.0","tested":"1.0.0","requires_php":false,"requires_plugins":[],"rating":100,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"downloaded":1541,"last_updated":"2016-04-19 12:36pm GMT","added":"2016-01-09","homepage":"http://html5-slideshow.com/","sections":{"description":"

The html5 slideshow plugin gives you a shortcode called [ht5_slider id=”1″], which pulls any image attachments for a post (or any post type) and formats them into a nicely-designed slideshow.

Canvas Slider is a jQuery banner rotator plugin with animation effects, animated captions, responsive layout, and touch support for mobile devices. The thumbnails and bullets control allow for easy navigation of your slider. This slider includes a smooth animation effect created using HTML5 Canvas which is completely configurable and compatible with all major browsers (including IE, Firefox Chrome, Opera, and Safari) and mobile platforms like iphone / ipad. The slider also work well in older browsers with fade transition. Multiple customized slider instances can happily live on the same page, and the slider offers a simple API to control the slider’s behaviour from within your custom scripts.

\n","installation":"

html5 slideshow install

\n
Unzip and Upload the directory ‘html5-slideshow’ to the ‘/wp-content/plugins/’ directory
\n
\n
Activate the plugin through the ‘Plugins’ menu in WordPress
\n
\n
Place “[code] echo do_shortcode(‘[ht5_slider id=”SLIDESHOW_ID”]’) [/code]” in your templates or use [ht5_slider id=”SLIDESHOW_ID”] for posts
\n

\n","screenshots":"

$\"Show$
Show all images of slider.
$\"Add$
Add new image
$\"Demo$
Demo version

"},"short_description":"Canvas Slider is a jQuery banner rotator plugin with animation effects, animated captions, responsive layout, and touch support for mobile devices.","download_link":"https://downloads.wordpress.org/plugin/html5-slideshow.zip","screenshots":{"1":{"src":"https://ps.w.org/html5-slideshow/trunk/screenshot-1.png?rev=1443850","caption":"Show all images of slider."},"2":{"src":"https://ps.w.org/html5-slideshow/trunk/screenshot-2.png?rev=1443850","caption":"Add new image"},"3":{"src":"https://ps.w.org/html5-slideshow/trunk/screenshot-3.png?rev=1443850","caption":"Demo version"}},"tags":{"canvas":"canvas","css3":"CSS3","htm5":"htm5","html":"html","html5css3":"html5+css3","html5-slideshow":"html5-slideshow","jquery":"jquery","jquery-slder":"jquery slder","shortcode":"shortcode","slder":"slder","slider":"slider","slideshow":"slideshow","wordpress-plugin":"wordpress plugin","wow-slider":"wow slider"},"versions":[],"donate_link":"","icons":{"default":"https://s.w.org/plugins/geopattern-icon/html5-slideshow_fc5028.svg"}}]

htm5

Audio Player with Playlist Ultimate

WP Deferred JavaScripts

html5-slideshow

Get New Themes & Resources