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

user_9871663 0
Viewed 1008

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

enter image description here

Windows Media control Menu

enter image description here

Possible Thoughts:-

  1. may be some meta attribute to acheive this?

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

reactjs html5-audio html5-video google-chrome html
1 Answers

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

Result:-

enter image description here

To Acheive this:-

Refer:- Media Session

enter image description here

user_98716630
Related