How to set HTML Audio or Video Thumbnail and Title on chrome media control menu and in windows media control dialog

Question

How to make thumbnail and title of audio or video in html visible in chrome media control menu and in windows media control menu (dialog appears on volume up or down key pressed)

Chrome Menu

Windows Media control Menu

Possible Thoughts:-

1. may be some meta attribute to acheive this?

2. or playing with https://schema.org/MusicRecording?

Answer 1

After digging some time, found a solution in developers.google.com web updates.

Result:-

To Acheive this:-

Refer:- Media Session