{"id":69378,"date":"2016-04-21T14:20:12","date_gmt":"2016-04-21T18:20:12","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=69378"},"modified":"2016-07-11T04:25:25","modified_gmt":"2016-07-11T08:25:25","slug":"js-animated-how-to-work-with-rd-audio-player-plugin","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/js-animated-how-to-work-with-rd-audio-player-plugin.html","title":{"rendered":"JS Animated. How to work with “RD Audio Player” plugin"},"content":{"rendered":"

Our Support team is ready to present you a new tutorial that shows how to work with RD audio player<\/strong> in Website templates.<\/p>\r\nJS Animated. How to work with “RD Audio Player” plugin<\/a> \r\n

This player is easy to use, and no javascript files editing is required. In order to work with it, please refer to steps below:<\/p>\r\n\r\n

    \r\n\t
  1. \r\n\t\t

    Connect to your FTP or open File manager tool of your Hosting cPanel to reach site files.<\/p>\r\n\t<\/li>\r\n\t

  2. \r\n\t\t

    Open the page .html file to find an RD Audio<\/strong> section.<\/p>\r\n\t<\/li>\r\n\t

  3. \r\n\t\t

    Now, you can start editing the playlist itself. There are sections for the audio and its controls below:<\/p>\r\n\t\t

    \r\n\t\t\t<div class="rd-audio-controls-left"> \r\n\t\t\t\t<!-- Play\\Pause button--><a href="#" class="rd-audio-play-pause mdi mdi-play rd-audio-icon has-controls"><\/a> \r\n\t\t\t\t<!-- Prev Button--><a href="#" class="rd-audio-prev mdi mdi-fast-forward rd-audio-icon"><\/a> \r\n\t\t\t\t<!-- Next Button--><a href="#" class="rd-audio-next mdi mdi-fast-forward rd-audio-icon"><\/a>\r\n\t\t\t<\/div><\/pre>\r\n\t\t
    As you can see, all the buttons and items below have comments to show you the purpose of each one. Even if a comment is not there, the button ia marked with a specific class, like  rd-audio-prev, rd-audio-next<\/em><\/strong>.<\/p>\r\n\t<\/li>\r\n\t
  4. \r\n\t\t
    You can also add or remove the progress bar and edit track duration. Below you can see the full list of classes, available for adding to specific items:<\/p>\r\n\t\t