Seek/Progress Bar

birwin2 · Post by **birwin2** » Thu Jul 15, 2021 8:46 am

First let me apologize for my faux pas' in my previous post. I guess I may have broken some forum rules.

Ok, so I am developing an addon that will display, in a separate window, 5 tracks from the Now Playing playlist. The current playing track is at the top, followed by the next 4 tracks. The window updates as the playlist progresses.

I am using the Metro M (Classic) skin, and in the Media Monkey main window, near the bottom, is a seek/progress bar and some other elements that I would like to also have displayed on my new window:

I'd like to add everything shown, except the user rating stars, to my addon window. Is it possible to have these elements functioning in a separate window?

Bill Irwin
Richmond, VA

drakinite · Post by **drakinite** » Mon Jul 26, 2021 4:32 pm

Hi there, sorry for taking a long time to reply.
You can definitely do that. But since each skin overrides player.html, you shouldn't copy and paste the code from player.html. Instead, you should use the global function includeHTML (from mminit.js). Here's a working sample:

In dlgCustom.html:

Code: Select all

<html class="dialog">
<script src="file:///mminit.js"></script>
<script src="dlgCustom.js"></script>

<body data-posSaveName='dlgCustom' data-defaultSize='70em,50em'>

	<div data-id="playerParent"></div>
</body>

</html>

In dlgCustom.js:

Code: Select all

window.whenReady(() => {
	var playerParent = qid('playerParent');
	
	includeHTML(playerParent, 'player.html');
	initializeControls(playerParent);
});

First you use includeHTML to load player.html into the new parent element; then you use initializeControls to initialize the player control.

Seek/Progress Bar

Seek/Progress Bar

Re: Seek/Progress Bar