When using the 'seekTo' parameter in dash_player.DashPlayer, the value i set is interpreted as a fraction of the total duration if it lies between 0 and 1, rather than as an absolute time in seconds.

This can lead to the player jumping to an unintended point if i do need the player to jump to 0~1s.

How can i solve it?

• Add basic testing to this codebase to help simplify further development and PR reviewing

Nice job @alexshoe on the 1.0.0 release! Couple of things I noticed after it went out:

• Delete the obsolete dev bundle file which is still included in the package, will shrink the package size a good deal.
• Use node 16 / npm 7 or 8, so that we get a package-lock.json with "lockfileVersion": 2 (thanks @archmoj)

Currently there is no obvious way to determine within a callback, if the video is currently playing or not.

The existing playing property is not synchronized with the actual playback of the video as can be seen on the example page https://dash.plotly.com/dash-player
Specificall, the video can be started and stopped when clicking the checkbox but when starting the video playback with the video, the property is not changed.

This is not due to the specific example as a modficiation with printing the current state of the playing variable e.g.

@app.callback(
    Output("current-time-div", "children"),
    Input("player", "currentTime"),
    State("player", "playing"),
)
def display_currentTime(currentTime, playing):
    print(playing)
    return f"Current Time: {currentTime}"

shows: The value of playing can be False while the video is in fact playing by clicking on the play button within the video.

It would be great to either have the playing property synchronized with the actual video playback or provide a new isPlaying property that reflects the actual video playing state.
The same is true for the muted property (and possibly others).

Looking for info as to whether this component can play video from x265 stream via a UDP port.

If so, on which machine should the UDP stream be pointed. On the machine producing the DASH app or on the machine consuming the Dash App.

Appreciate any clarification.

In the demo code, if the "seek-to" button is dropped, the other states don't update.
Reproducible example:

from dash import Dash, html, Input, Output, State
import dash_player

app = Dash(__name__)

app.scripts.config.serve_locally = True

app.layout = html.Div(
    [
        dash_player.DashPlayer(
            id="video-player",
            url="http://media.w3.org/2010/05/bunny/movie.ogv",
            controls=True,
        ),
        # html.Button("Set seekTo to 10", id="button-seek-to"), 
        html.Div(id="div-current-time", style={"margin-bottom": "20px"}),
        html.Div(id="div-method-output"),
    ]
)


@app.callback(
    Output("div-current-time", "children"), Input("video-player", "currentTime")
)
def update_time(currentTime):
    return "Current Time: {}".format(currentTime)


@app.callback(
    Output("div-method-output", "children"),
    Input("video-player", "secondsLoaded"),
    State("video-player", "duration"),
)
def update_methods(secondsLoaded, duration):
    return "Second Loaded: {}, Duration: {}".format(secondsLoaded, duration)


if __name__ == "__main__":
    app.run_server(debug=True)

I assumed it could be an issue with the property being defined, so I tried supplying the seekTo property in the constructor of the component e.g;

        dash_player.DashPlayer(
            id="video-player",
            url="http://media.w3.org/2010/05/bunny/movie.ogv",
            controls=True,
            seekTo=10
        )

It may need to be assigned in the constructor too.

Hi,
can CSS classes be used for the component, similar to Dash html components, using the classname attribute?

#14 is still occurring on the latest version

dash_player.v1_0_6m1677851916.min.js:1 Uncaught TypeError: Cannot read properties of undefined (reading 'getSecondsLoaded')
    at y.value (dash_player.v1_0_6m1677851916.min.js:1:111522)
value @ dash_player.v1_0_6m1677851916.min.js:1
4dash_player.v1_0_6m1677851916.min.js:1 Uncaught TypeError: Cannot read properties of undefined (reading 'getCurrentTime')
    at y.value (dash_player.v1_0_6m1677851916.min.js:1:111340)
value @ dash_player.v1_0_6m1677851916.min.js:1
dash_player.v1_0_6m1677851916.min.js:1 Uncaught TypeError: Cannot read properties of undefined (reading 'getDuration')
    at y.value (dash_player.v1_0_6m1677851916.min.js:1:111703)
value @ dash_player.v1_0_6m1677851916.min.js:1

Hey, found your dash component wrapper for this player and was interested in trying it out, but when trying to import dash-player, it says No such file or directory: '/code/dash_player/metadata.json'.

I admit to not knowing exactly how making a Dash component works, but I found an issue on the base dash-core-components which pointed me to the .gitignore file, and it seems that the dash-player/metadata.json file is not being tracked, but is required to run this player.

Hi,

Sometimes, the video player crashes and does not play the video. Even when I restart the script and the browser.

It only shows the frames when I move forward or backward.

I want the option of embedding loom videos. Currently, unsupported by Dash Player.

https://support.loom.com/hc/en-us/articles/360002208317-How-to-embed-your-video-into-a-webpage-

No problem with playback, but console error exposed

mycode in layout:

The video engine used for https://github.com/plotly/dash-object-detection is broken, properties cannot be loaded and it needs to be rebuilt with https://github.com/plotly/dash-component-boilerplate with updated dash lib.

Version of dash libraries I'm using:
dash 0.35.2
dash-auth 1.1.2
dash-core-components 0.43.0
dash-design-kit 0.0.2
dash-html-components 0.13.5
dash-renderer 0.17.0

It would be nice if this component was published so we wouldn't have to build it from source to use it in a project.

Initial Comment: #1 (comment)

TL;DR We should find a more elegant solution to verify if a new seekTo call is different from a previous one, rather than setting it to null.

We will keep this issue up until this component is released. If this becomes closed, feel free to reopen if the current solution poses problem. Also feel free to reopen

README.md should contain instructions to run npm scripts in order to generate builds

Errors:
this.refs.player.getCurrentTime();
Uncaught TypeError: Cannot read property 'getCurrentTime' of undefined

this.refs.player.getSecondsLoaded();
Uncaught TypeError: Cannot read property 'getSecondsLoaded' of undefined

this.refs.player.getDuration();
Uncaught TypeError: Cannot read property 'getDuration' of undefined

pip list | grep dash

dash                               1.8.0
dash-core-components               1.7.0
dash-html-components               1.0.2
dash-player                        0.0.1
dash-renderer                      1.2.3
dash-table                         4.6.0

what's the difference with DashPlayer that used by many videosites?
and why so few stars?

I want to use it in a very important application.
Please let me know if it is safe to use in production? Thank you!

Hi,

I am trying to use current time feature of this tool to control a custom timeline. However in the given example code, current time text doesn't get updated until I stop the video. Which is suboptimal and in here it is updated continuously. Can you help me to make it get updated as the video flows?

Thank you

Dash-player==1.0.3
Dash==2.7.0
Flask==2.2.2
Plotly==5.11.0

I have tested this on both windows 10 and WSL2