2022-06-02, 11:35 PM
(This post was last modified: 2022-06-02, 11:50 PM by HappyPeoples. Edited 1 time in total.)
HTML5 AUDIO PLAYER
Add to Admin Panel Configuration MyCode
Title:
HTML5 Audio Player
Short Description:
Embeds an HTML5 Audio (MP3) Player in your post
Regular Expression:
\[mp3\](.*?)\[/mp3\]
Replacement:
<audio src="$1" controls></audio>
Add to Your Post:
[mp3]../song.mp3[/mp3]
Example:
[mp3]https://mp3semticdn.com//mp3_files/Mumin-Sarikaya/Ben-Yoruldum-Hayat-2016/Mumin-Sarikaya-Ben-Yoruldum-Hayat.mp3[/mp3]
Or play a radio channel in your post (Example):
[mp3]https://ssl162.ozelip.com/asistan/stream/fd02a93f231cba7593e027682f8fcad5[/mp3]
If You want to customize Next Step:
Go to Templates & Styles
Edit you're template global.css
audio::-webkit-media-controls-play-button{
border-radius: 50px 50px 50px 50px;
background-color: #FFDF00;
color: #000000;
}
audio::-webkit-media-controls-mute-button{
border-radius: 50px 50px 50px 50px;
background-color: #FFDF00;
color: #000000;
}
audio::-webkit-media-controls-panel {
background-color: #FFBF00;
color: #000000;
}
Add to Admin Panel Configuration MyCode
Title:
HTML5 Audio Player
Short Description:
Embeds an HTML5 Audio (MP3) Player in your post
Regular Expression:
\[mp3\](.*?)\[/mp3\]
Replacement:
<audio src="$1" controls></audio>
Add to Your Post:
[mp3]../song.mp3[/mp3]
Example:
[mp3]https://mp3semticdn.com//mp3_files/Mumin-Sarikaya/Ben-Yoruldum-Hayat-2016/Mumin-Sarikaya-Ben-Yoruldum-Hayat.mp3[/mp3]
Or play a radio channel in your post (Example):
[mp3]https://ssl162.ozelip.com/asistan/stream/fd02a93f231cba7593e027682f8fcad5[/mp3]
If You want to customize Next Step:
Go to Templates & Styles
Edit you're template global.css
audio::-webkit-media-controls-play-button{
border-radius: 50px 50px 50px 50px;
background-color: #FFDF00;
color: #000000;
}
audio::-webkit-media-controls-mute-button{
border-radius: 50px 50px 50px 50px;
background-color: #FFDF00;
color: #000000;
}
audio::-webkit-media-controls-panel {
background-color: #FFBF00;
color: #000000;
}