I've read the popcorn.js docs, but i can't seem to found a way for removing some parts of the video.
Any help will be appreciated
I don't think this library gives you any function to crop the video. Although, if you want a solution with popcorn.js, notice that it offers a "sequence" feature which you could use to skip some parts of the video and simulate what you're looking for.
Related
On YouTube's player, when you hover on progress-bar and traverse your mouse along, you see a series of thumbnails, as well as time-values. This is great, when you're tying to find a scene that you know of visually, and want its time-value.
Whereas, on videojs player, you see only time-values.
(On X-Finity (Comcast, their fast-forward similarly shows rapid series of thumbnails. But, googling seems to reveal that Videojs doesn't have fast-forward. And, I think I'd prefer YouTube's feature over a fast-forward.)
So, bottom-line question is: How to make Videojs player behave like YouTube's?
(I'm thinking this would be difficult to implement for the end-user, in javascript. Detecting that the slider is being moved is no doubt straight-forward, but code to display thumbnails would be the part that I have NO IDEA
how to accomplish.)
Anyone know how to program this?
BrightCove developed a 'thumbnails' plugin that implements this.
See their example coding here:
https://support.brightcove.com/display-thumbnail-previews-plugin#Example
There is more specific discussion on the subject in this forum here:
How to generate video preview thumbnails for use in VideoJS?
My first cut at implementing the notion is here:
https://weasel.firmfriends.us/Private3-BB/
I've been searching for a way to put a looping animation with alpha over top of web content for a few weeks now. The fact that I can't seem to find anyone asking this question or any answers to it makes me think the solution is so mind-numbingly easy that no one needs to ask it.
For an example of this effect go to bonfirestudios.com
They have used this technique multiple times throughout the website, most notably their logo on the main page. They have an animation loop playing over top of their website content. It could just be a video played with a screen blending mode, but my knowledge of html and css is so limited I'm not sure what I should be looking for.
It seems so simple in concept: play a video (with alpha data) on loop, but I can't find anything (or don't know where/how to look specifically) that explains how to achieve this effect. Notably, there are no video controls or anything to otherwise indicate it is a video that's playing. I've checked their code, but my limited understanding of javascript and the like find it hard to know what I'm looking for.
Any help or direction is greatly appreciated, thank you.
It is a video playing (right-click over the animation and you'll see such option as "save video").
The container format is webM (which can contain VP8 or VP9 video codec). This format is from Google and supports transparency.
So i want to make a percentage preloader for my website but wonder if i have to make it in flash or if there is a better or easier way to do it? Ive been making gif preloaders before with photoshop.
You should use CSS3 in this Case! Flash is out of date...
Have a look an CSS3 transition and transform!
Try it!
No, you do not have to use Flash. In fact, flash is hardly ever a good choice for anything these days.
you can do it with CSS animations
here is a link to a great tutorial that shows you how
http://tympanus.net/codrops/2014/08/05/page-preloading-effect/
You can also do it with jQuery, there are lots of pre made plug ins out there for you to use. Take a look at these -
http://www.jqueryrain.com/demo/jquery-preloader-image/
No, you haven't. There are many other technologies that can do that.
Simple percentage preloader search on stackoverflow.com gives the following solutions:
Q: JavaScript preloader/progress/percentage
Q: jQuery preloader with a percentage counter
Q: CSS3 preloader with percentage
Can i move video element without restarting the video. I've tried sevaral ways without any success. Any ideas. Maybe some hacks.
Its not possible. I've tried a little bit with javascript as well. No solution.
Please look also is-it-possible-to-move-a-video-element-in-the-dom-without-resetting-it
Maybe something like this will help you:
HTML5 Dynamic Video Loading
You just have to adjust this loading with a buffering....maybe it'll work
But maybe you could tell us what exactly you want to do this sounds interesting :)
for a digital signage project, I created a SVG based rundown, which plays other SVG files in a loop on a Spinetix box.
Now I had to change the playback device. The new one supports SMIL and I'm looking for a way to reuse my old solution on this device. I think of creating a SMIL rundown which plays the standalone SVG files (basically it's the same, I think).
I googled and searched and didn't find a way to realize this. Any ideas? I appreciate your help on this one.
Thank you,
Juri
SMIL is less powerful then SVG as it only handles the playlist timings.. Therefore it will be dificult for you to have the SVG projects taken over on a SMIL-only device ...
SpinetiX launches apparently a new software which is running inside their players, according to the video's it's realy simple to update content now ...
james