Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

dataverse video visualizer issue with 4k clips. #16

Open
joelfan opened this issue Dec 1, 2022 · 3 comments
Open

dataverse video visualizer issue with 4k clips. #16

joelfan opened this issue Dec 1, 2022 · 3 comments

Comments

@joelfan
Copy link

joelfan commented Dec 1, 2022

We have dataverse 4.20, and when uploading a video clip with very high definition (4K), we cannot go forward and backward or jump from one point in time to another point. It seems that the visualizer loses the synchronization and it suddenly stops playing.

@qqmyers
Copy link
Member

qqmyers commented Dec 1, 2022

FWIW: All the video previewer is doing is to put a <video controls='true'><source src='<url of your file>'/></video> in the page. Support for the HTML <video> element is built into the browser so whether it works or not depends on whether your system and browser can handle the video. It's possible that there are some optional parameters for the <video> element the previewer could use that would improve playback.

If you can find any other website that plays your file in your browser, we might be able to look at the page's source code and see what they're doing and see if it can be applied to the Dataverse previewer.

@joelfan
Copy link
Author

joelfan commented Dec 6, 2022

Thx for your feedback.
I do not have other website that plays that file, eapart from VIMEO tha can play it correctly.

I will be looking for HTML

@qqmyers
Copy link
Member

qqmyers commented Dec 6, 2022

Looking at a random video on Vimeo - they also use the <video> element. The one addition I see is that they use a preload attribute. That would be easy to add if it helps.

A simple test would be to copy the content of the previewer page, add the preload attribute and try that in your browser.

Alternately, just change the previewer to add it, e.g. in

$(".preview").append($("<video/>").prop("controls",true).append($('<source/>').attr("src",fileUrl)));
add a .prop('preload', true) .

If those don't make sense - if you can post/publish a sample video on demo.dataverse.org, I can send you a web page to try. If it works better, I can update the previewer.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants