Closed shenders13 closed 10 months ago
Any chance you could put a reproduction online?
What's in <TimeRange />
? Only MediaTimeRange
It should be option 3, that's correct. https://www.media-chrome.org/docs/en/components/media-time-range#preview-thumbnails
Hi @luwes 👋
Of course, here is a small codesandbox that reproduces the issue.
Does anything jump out at you as wrong in terms of how I'm rendering the <track />
element?
EDIT:
I added some console.logs
and found that the track element did not have any cues
. So this line in controller.js was aborting early.
When I add crossOrigin="anonymous"
to the parent video component, it works A-okay!
Ah yes, crossOrigin is required. Great you found the issue!
Hi Media Chrome folks 👋
The problem
I'm running into some issues getting the "Media Preview Thumbnail" images to appear when the user hovers over the media time range.
When I hover over the time range, the small badge showing the current time appears, but not the "Preview Thumbnail"
I am on version
1.5.2
ofmedia-chrome
Attempt 1 - Render the MediaPrevewThumbnail component with mediaPreviewImage and mediaPreviewCoords props
I saw in the Media Chrome docs (here) that I can render
<MediaPreviewThumbnail />
like so:I have tried it with and without the
mediaPreviewCoords
but no luck. I can see the file being downloaded successfully in the network tab.No preview image appeared 😢
Attempt 2 - Render the MediaPrevewThumbnail but put the mediaPreviewImage props on the MediaController
No preview image appeared 😢
Attempt 3 - Render a
I saw in these docs that you could render a
<track />
element inside the<video>
element.Here was my code:
No preview image appeared in this case either 😢
Attempt 4 - Adding a
mediaPreviewImage
prop to the<MediaTimeRange />
componentAt this point I was trying random things - but I discovered that if you add a
mediaPreviewImage
prop to the<MediaTimeRange/>
component, we end up with the faded outline of where the preview image should be (but alas, no actual image).My code:
Please help me understand why the preview image isn't appearing 🙏 Thanks team!