Having Music Player in post with BBcode (Hope You Enjoy)

[Admin]

As you know , next week is NOROOZ in Iran.so i decided to give you a gift for this day.
What is it ?
This is a BBCode that let you have music player in your posts.

Shot

Online Demo
Click Here
​

Some of the features:

Play And Pause
Back and Forward
Progress
Time
Volume
Can input Text
Can input Image
​

How to make it?
Go to AdminCP >>> BBCode Manager >>> Creat New BBCode:
Title : Moosighi
BBCode Tag : Dadparvar
Replacement:

<!--
HOW TO CREATE AN AUDIO PLAYER [TUTORIAL]
"How to create an Audio Player [Tutorial]" was specially made for Dadparvar by your friend Hamed Azimi.
Links:http://dadparvar.ir/https://talar.dadparvar.irazimi.dadparvar@gmail.comGood Luck
-->



    <!-- Audio Player CSS & Scripts -->    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>    <script src="http://talar.dadparvar.ir/player/jaleb/js/mediaelement-and-player.min.js"></script>    <link rel="stylesheet" href="http://talar.dadparvar.ir/player/jaleb/css/style.css" media="screen">    <!-- end Audio Player CSS & Scripts -->
    <style type="text/css">        .audio-player { margin: 0 auto;}    </style><meta name="robots" content="noindex,follow" />
    <!-- Audio Player HTML -->    <div class="audio-player">        <h1>{param}</h1>        <img class="cover" src="http://talar.dadparvar.ir/player/jaleb/img/cover.png" alt="">        <audio id="audio-player" src="{option}" type="audio/mp3" controls="controls"></audio>    </div>
    <script>        $(document).ready(function() {            $('#audio-player').mediaelementplayer({                alwaysShowControls: true,                features: ['playpause','volume','progress'],                audioVolume: 'horizontal',                audioWidth: 400,                audioHeight: 120            });        });    </script>    <!-- end Audio Player HTML -->

Example:

[Dadparvar=http://dadparvar.ir/bahar2.mp3]Dadparvar[/Dadparvar]

Description:
This BBCode lets you have Music player in your posts
Use Option: Yes
Remove Tag if Empty: Yes
Disable BB Code within this BB Code: Yes
Disable Smilies within this BB Code: Yes
Disable Word Wrapping within this BB Code: Yes


Hope You Enjoy