MyBB Community Forums
HTML5 Audio Player (MyCode) - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Resources (https://community.mybb.com/forum-8.html)
+--- Forum: MyCodes (https://community.mybb.com/forum-117.html)
+--- Thread: HTML5 Audio Player (MyCode) (/thread-235798.html)



HTML5 Audio Player (MyCode) - HappyPeoples - 2022-06-02

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;
}