a video widget that plays videos without interruption

[Simon Huber]

Hi there,

the following is the same for audio content (+anything heavily depending on the time-dimension)

I often embed videos in my wikies, mostly youtube, music and educational stuff.

There's a problem when we want to play a video without interruption...

Anytime the tiddler containing the video makes a full refresh (story list changes and others) the video (or audio) makes a full refresh, too and starts from the beginning

I gave it a shot in creating a video widget that appends the video to the page's body, adds a dummy node (div) where the video widget is and keeps the position of the video synchronized with the position of the dummy node.

It workes with some conditions missing when to refresh (adjust positions)

It's a hack, but a useful one if it works. Can you imagine making this work correctly and having such functionality in the core?

Simon

[Jeremy Ruston]

Hi Simon

The interruption of playing videos is definitely an issue and I've thought along similar lines. I'd be interested to see your hack.

I like the idea of supporting a playlist of videos that play one after the other so that we could use TW to assemble fragments of video, using TW as a non-linear video editor.

Best wishes

Jeremy.

--

Jeremy Ruston

jer...@jermolene.com

https://jermolene.com

--
You received this message because you are subscribed to the Google Groups "TiddlyWikiDev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywikide...@googlegroups.com.
To post to this group, send email to tiddly...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywikidev.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywikidev/209238f2-ef68-4678-a5ae-01e7fd2b6615%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Simon Huber]

Hi Simon

The interruption of playing videos is definitely an issue and I've thought along similar lines. I'd be interested to see your hack.

I like the idea of supporting a playlist of videos that play one after the other so that we could use TW to assemble fragments of video, using TW as a non-linear video editor.

Best wishes

Jeremy.

Hi Jeremy, I'll make a tiddlyspot wiki and put it online, I just need to find the time to reassemble all parts

I'll leave the link here

best wishes 

[@TiddlyTweeter]

Very good.

Its a concern to me as I'd like to be able to make really reliable showcase sites for film students.

Best wishes

Josiah

[TonyM]

Jeremy,

Is this the same problem as raised in the innerwiki iframe refresh? It seems to point once again to enabling a no, or manual refresh on a given tiddler(s) and leaving the designer to address it. An example in a video tiddler could be a button "reload from start" that does a refresh.

Regards
Tony

[Simon Huber]

Hi all,

I've put a hacky version on http://videowidgethack.tiddlyspot.com/

There are some event listeners missing that should be there to update the video-position. This results in a more jumping behavior of the video and it doesn't update in all possible cases

I'm missing knowledge in all the possible event / resize / move listeners / MutationObservers so I think this really needs an experienced hand to make it fully work

But I'm interested what you think about it and if we can make it work

[Simon Huber]

Hi again,

I've created a much better working Demo: http://videoplayerwidget.tiddlyspot.com

Its code is clean(er) :) ... it uses PR #3798 , the part that adds resizeListeners only + there's no complicated widget-id anymore

have a nice weekend,

Simon

[TonyM]

Simon,

Perhaps off topic but I wonder if we could timestamp points in time on a video and trigger a responce in tiddlywiki at that time? Perhaps in reverse, search tiddlers that then jump to a point in time in a video.

I have some compelling applications if this were possible.

Regards
Tony

[Simon Huber]

Hi Tony, the root of this is that videos embedded within tiddlers stop playing when the DOM changes, like when I open a new tiddler above the one with the playing video

the idea is to append the video to the page, put a placeholder into the tiddler and match both positions. In my example I'm overdoing it to the point that the video refreshes every time the placeholder refreshes which is unintended ...

for something like this we'll have to focus on this problem first

[@TiddlyTweeter]

Much better. But I'm still not able to stream the 40 versions of Purcell's famous Lament in a row:-)

Yours

Ever hopeful :-)