Listen.moe in Discord

inject.js

(function() {
	document.getElementsByClassName('channels-wrap')[0].children[0].insertAdjacentHTML('afterend', '<div class="listen-moe"><audio id="audio-player" controls><source src="https://listen.moe/stream" type="audio/mp3"></audio></div>');
	document.getElementById('audio-player').addEventListener('play', function() { this.children[0].src = 'https://listen.moe/stream' });
	document.getElementById('audio-player').addEventListener('pause', function() { this.children[0].src = '' });
})()

Style.css

.listen-moe {
	background-color: #333842;
}

.listen-moe audio {
	margin-left: 2rem;
	width: 270px;
}

.listen-moe audio::-webkit-media-controls-panel {
	background-color: #333842;
}

.listen-moe audio::-webkit-media-controls-current-time-display {
	display: none;
}

.listen-moe audio::-webkit-media-controls-timeline {
	display: none;
}

.listen-moe audio::-webkit-media-controls-timeline-container {
	display: none;
}

.listen-moe audio::-webkit-media-controls-time-remaining-display {
	display: none;
}

Style.sass

.listen-moe
	background-color: $background
	audio
		margin-left: 2rem
		width: 270px
		&::-webkit-media-controls-panel
			background-color: $background
		&::-webkit-media-controls-current-time-display
			display: none
		&::-webkit-media-controls-timeline
			display: none
		&::-webkit-media-controls-timeline-container
			display: none
		&::-webkit-media-controls-time-remaining-display
			display: none