elements icon indicating copy to clipboard operation
elements copied to clipboard

Bug: Asset start time and asset end time don't work when a custom src is provided.

Open BenBrewerBowman opened this issue 10 months ago • 5 comments

Is there an existing issue for this?

  • [x] I have searched the existing issues

Which Mux Elements/Packages does this apply to? Select all that apply

mux-player-react

Which browsers are you using?

Chrome

Which operating systems are you using?

macOS

Description

When the playbackId is missing from the MuxPlayer, the clipping does not work. It should work when a src is provided, but no playbackId.

Reduced test case

No response

Steps to reproduce

  1. Select this configuration for the react mux player. Notice how clipping doesn't work as expected.
    <MuxPlayer
      src={YOUR_VIDEO_SRC_HERE}
      assetStartTime={10}
      assetEndTime={20}
    />

Current Behavior

Clipping does not work.

Expected Behavior

Clipping should work.

Errors

No response

What version of the package are you using?

No response

BenBrewerBowman avatar Mar 06 '25 19:03 BenBrewerBowman

why can't a playbackId be used? is the src a Mux stream url? because it's a backend Mux video feature to manipulate / clip the m3u8 playlist.

luwes avatar Mar 18 '25 20:03 luwes

@luwes No, it's not a Mux backend feature. This shouldn't matter though what the source is. Video players can support this client side very easily. Right now, when you provide a mux playback ID you are able to set an assetStartTime + assetEndTime. In MUX's examples it works client side to set a start/end time.

This works client side and is irrelevant to the BE, which means a video source outside of MUX should work (I'm doing it right now w/ another video player fully client side by providing a start + end ID), but MUX has such a good API and would work better for me if the API would work w/ this one case.

BenBrewerBowman avatar Apr 04 '25 05:04 BenBrewerBowman

I'm having the same issue, would like to clip a video where the source is on a cdn, so I don't understand why clipping couldn't be done on it unless it's a Mux stream url, as I have seen it done client side as well.

Would be a tremendous help if you could implement this.

mvbmir avatar Apr 09 '25 16:04 mvbmir

I totally agree with y'all it's not a backend feature perse but in Mux player currently those props are used to manipulate the m3u8 stream URL params for this feature here https://www.mux.com/docs/guides/create-clips-from-your-videos

I'll run this by the team if we'd like to make this a client side feature for non Mux clips.

In the mean time have a look at this small library I created some time ago to do clipping client side. It works with all players that have HTMLMediaElement like API. https://github.com/muxinc/media-offset https://media-offset-mux.vercel.app/examples/mux-player.html

luwes avatar Apr 09 '25 21:04 luwes

I see! That makes sense. Thank you @luwes . That would be great. Mux player hands down has the best API I've seen to date for any video provider and I'd love to double down on it. Has been a joy using it. This would be an absolute game changer for my team.

You all are doing a great job. We will review the links you shared as well. Thanks!

BenBrewerBowman avatar Apr 10 '25 19:04 BenBrewerBowman