MyBB Community Forums

Full Version: HTML5 Audio Player (MyCode)
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
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;
}