{"id":1720,"date":"2018-11-14T22:08:09","date_gmt":"2018-11-15T06:08:09","guid":{"rendered":"https:\/\/www.waveplayer.info\/?p=1720"},"modified":"2020-05-31T23:42:01","modified_gmt":"2020-06-01T06:42:01","slug":"overriding-the-default-player","status":"publish","type":"post","link":"https:\/\/www.waveplayer.info\/docs\/overriding-the-default-player\/","title":{"rendered":"Overriding the default player"},"content":{"rendered":"\n<p>WavePlayer has the capability of <strong>overriding the WordPress default audio player<\/strong>. This means that, right after installing WavePlayer, all the shortcodes you have already inserted in your post will be replaced with WavePlayer automatically, <strong>without any need to re-edit your posts or change anything in your configuration<\/strong>. Of course, we strongly encourage you to deactivate any other audio player plugin, ensuring that there are no conflicts in your configuration and the overriding function works without interferences.<\/p>\n\n\n\n<p>Please also note that when the URL you are using to add a player with any of the following methods corresponds to an audio attachment in your Media library, WavePlayer is capable of retrieving all the metadata stored in the database pertaining to that audio attachment. This guarantees that you can take advantage of all the extra features WavePlayer associate to your internal files (e.g. play statistics, likes, downloads, etc.), even when adding a file using its URL rather than its attachment ID. Although this latter method is always preferred, the capability of retrieving an attachment ID from the URL of the attached file makes the two result practically indistinguishable.<\/p>\n\n\n\n<p>The following examples demonstrate that WavePlayer can override the default WordPress audio player with all the possible audio-related shortcodes or even the RAW URLs typed in your post.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Overriding the <code>audio<\/code> and <code>playlist<\/code> shortcodes<\/h3>\n\n\n\n<p><\/p>\n\n\n<div class=\"waveplayer-container\"><div id=\"waveplayer-bf28d4704d40647247b5286776e5680b-68c007484ddb5\" class=\"waveplayer loading wvpl-skin-w3-standard wvpl-palette-800e3a14c86733ad9ccc96fd80850d88 wvpl-style-light wvpl-size-md wvpl-shape-circle wvpl-full-width-playlist \" data-limit=\"0\" data-mode=\"normal\" data-config_id=\"bf28d4704d40647247b5286776e5680b\" data-instance_id=\"bf28d4704d40647247b5286776e5680b-68b8b879a5a87\">\n\t<div class=\"wvpl-cover\">\n\t\t<div class=\"wvpl-poster\"><\/div>\n\t<\/div>\n\t<div class=\"wvpl-wave\">\n\t\t<div class=\"wvpl-overlay\">\n\t\t\t<svg>\n\t\t\t\t<use xlink:href=\"#waveform-animation\" \/>\n\t\t\t<\/svg>\n\t\t\t<div class=\"percentage\"><\/div>\n\t\t\t<div class=\"wvpl-loading\">\n\t\t\t\t<div class=\"wvpl-loading-progress\"><\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"message\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"wvpl-position\"><\/div>\n\t\t<div class=\"wvpl-waveform\"><\/div>\n\t\t<div class=\"wvpl-duration\"><\/div>\n\t<\/div>\n\t<div class=\"wvpl-interface\">\n\t\t<div class=\"wvpl-controls\">\n\t\t\t<div class=\"wvpl-icon wvpl-prev wvpl-disabled\"><\/div>\n\t\t\t<div class=\"wvpl-icon wvpl-play\"><\/div>\n\t\t\t<div class=\"wvpl-icon wvpl-next wvpl-disabled\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"wvpl-volume-slider\">\n\t\t\t<div class=\"rail\">\n\t\t\t\t<div class=\"value\"><\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"handle\"><\/div>\n\t\t\t<div class=\"touchable\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"wvpl-infobar\">\n\t\t\t<div class=\"wvpl-playing-info\"><div class=\"wvpl-infoblock\"><\/div><\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"wvpl-playlist\">\n\t\t<div class=\"wvpl-playlist-wrapper\"><\/div>\n\t<\/div>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>The player above is added in the post editor using the following shortcode:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">[ audio mp3=\"https:\/\/media.waveplayer.info\/wp-content\/uploads\/2020\/04\/0203.mp3\"][\/audio]<\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Overriding the <code>embed<\/code> shortcode<\/h3>\n\n\n<div class=\"waveplayer-container\"><div id=\"waveplayer-bf28d4704d40647247b5286776e5680b-68c007484eb8d\" class=\"waveplayer loading wvpl-skin-w3-standard wvpl-palette-800e3a14c86733ad9ccc96fd80850d88 wvpl-style-light wvpl-size-md wvpl-shape-circle wvpl-full-width-playlist \" data-limit=\"0\" data-mode=\"normal\" data-config_id=\"bf28d4704d40647247b5286776e5680b\" data-instance_id=\"bf28d4704d40647247b5286776e5680b-68b8b879a5a87\">\n\t<div class=\"wvpl-cover\">\n\t\t<div class=\"wvpl-poster\"><\/div>\n\t<\/div>\n\t<div class=\"wvpl-wave\">\n\t\t<div class=\"wvpl-overlay\">\n\t\t\t<svg>\n\t\t\t\t<use xlink:href=\"#waveform-animation\" \/>\n\t\t\t<\/svg>\n\t\t\t<div class=\"percentage\"><\/div>\n\t\t\t<div class=\"wvpl-loading\">\n\t\t\t\t<div class=\"wvpl-loading-progress\"><\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"message\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"wvpl-position\"><\/div>\n\t\t<div class=\"wvpl-waveform\"><\/div>\n\t\t<div class=\"wvpl-duration\"><\/div>\n\t<\/div>\n\t<div class=\"wvpl-interface\">\n\t\t<div class=\"wvpl-controls\">\n\t\t\t<div class=\"wvpl-icon wvpl-prev wvpl-disabled\"><\/div>\n\t\t\t<div class=\"wvpl-icon wvpl-play\"><\/div>\n\t\t\t<div class=\"wvpl-icon wvpl-next wvpl-disabled\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"wvpl-volume-slider\">\n\t\t\t<div class=\"rail\">\n\t\t\t\t<div class=\"value\"><\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"handle\"><\/div>\n\t\t\t<div class=\"touchable\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"wvpl-infobar\">\n\t\t\t<div class=\"wvpl-playing-info\"><div class=\"wvpl-infoblock\"><\/div><\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"wvpl-playlist\">\n\t\t<div class=\"wvpl-playlist-wrapper\"><\/div>\n\t<\/div>\n<\/div>\n<\/div>\n\n\n\n<p>The player above is added simply pasting the URL of the audio file directly in the post editor, like this:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">[ embed]https:\/\/media.waveplayer.info\/wp-content\/uploads\/2020\/04\/0203.mp3[\/embed]<\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Overriding the inline URL in the text<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"waveplayer-container\"><div id=\"waveplayer-bf28d4704d40647247b5286776e5680b-68c007484f3ca\" class=\"waveplayer loading wvpl-skin-w3-standard wvpl-palette-800e3a14c86733ad9ccc96fd80850d88 wvpl-style-light wvpl-size-md wvpl-shape-circle wvpl-full-width-playlist \" data-limit=\"0\" data-mode=\"normal\" data-config_id=\"bf28d4704d40647247b5286776e5680b\" data-instance_id=\"bf28d4704d40647247b5286776e5680b-68b8b879a5a87\">\n\t<div class=\"wvpl-cover\">\n\t\t<div class=\"wvpl-poster\"><\/div>\n\t<\/div>\n\t<div class=\"wvpl-wave\">\n\t\t<div class=\"wvpl-overlay\">\n\t\t\t<svg>\n\t\t\t\t<use xlink:href=\"#waveform-animation\" \/>\n\t\t\t<\/svg>\n\t\t\t<div class=\"percentage\"><\/div>\n\t\t\t<div class=\"wvpl-loading\">\n\t\t\t\t<div class=\"wvpl-loading-progress\"><\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"message\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"wvpl-position\"><\/div>\n\t\t<div class=\"wvpl-waveform\"><\/div>\n\t\t<div class=\"wvpl-duration\"><\/div>\n\t<\/div>\n\t<div class=\"wvpl-interface\">\n\t\t<div class=\"wvpl-controls\">\n\t\t\t<div class=\"wvpl-icon wvpl-prev wvpl-disabled\"><\/div>\n\t\t\t<div class=\"wvpl-icon wvpl-play\"><\/div>\n\t\t\t<div class=\"wvpl-icon wvpl-next wvpl-disabled\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"wvpl-volume-slider\">\n\t\t\t<div class=\"rail\">\n\t\t\t\t<div class=\"value\"><\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"handle\"><\/div>\n\t\t\t<div class=\"touchable\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"wvpl-infobar\">\n\t\t\t<div class=\"wvpl-playing-info\"><div class=\"wvpl-infoblock\"><\/div><\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"wvpl-playlist\">\n\t\t<div class=\"wvpl-playlist-wrapper\"><\/div>\n\t<\/div>\n<\/div>\n<\/div>\n<\/div><\/figure>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">https:\/\/media.waveplayer.info\/wp-content\/uploads\/2020\/04\/0203.mp3<\/pre>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WavePlayer has the capability of overriding the WordPress default audio player. This means that, right after installing WavePlayer, all the shortcodes you have already inserted in your post will be replaced with WavePlayer automatically, without any need to re-edit your posts or change anything in your configuration. Of course, we strongly encourage you to deactivate [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[47],"tags":[],"class_list":["post-1720","post","type-post","status-publish","format-standard","hentry","category-docs"],"_links":{"self":[{"href":"https:\/\/www.waveplayer.info\/wp-json\/wp\/v2\/posts\/1720","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.waveplayer.info\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.waveplayer.info\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.waveplayer.info\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.waveplayer.info\/wp-json\/wp\/v2\/comments?post=1720"}],"version-history":[{"count":0,"href":"https:\/\/www.waveplayer.info\/wp-json\/wp\/v2\/posts\/1720\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.waveplayer.info\/wp-json\/wp\/v2\/media?parent=1720"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.waveplayer.info\/wp-json\/wp\/v2\/categories?post=1720"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.waveplayer.info\/wp-json\/wp\/v2\/tags?post=1720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}