Video.js vertical orientation player - video.js

I'm a newbie with video.js.
I would like to ask if anybody had tried to resizing the player to play a video in 9:16 (vertical) and fit perfectly the size of the player.
So far it does work but only on Firefox 28.0 not on Chrome and Safari(Mac os) also Chrome, Safari and IE (Win os).
Instead I got the player in vertical but the video is very small and playing in 16:9.
Thank you in advance, I've been reallt stuck on it for too long.
Let me know if you need more details or the whole project.
Best,
Mitch

Related

converted .mov file laggs

i have here a rendered .mov video file with the raw codec and 10 frames per second. The video shows a camera that rotates around a house. If I open this file with the Quicktime Player I can move around the house by dragging the mouse over the video. It's like an interactive video.
Now I want to embed this function in my website with javascript. The problem is that I want to use HTML5 videos, so I have to convert the .mov file into .avi or .mp4.
My Problem is now, if I do that the video laggs when I drag with the mouse over it. Even if I just play it it laggs. How can I convert this video so that I have the same quality as in the original?
Thanks in advance,
conansc
You could try using a GOP length of 1 (also known as using all I-frames). This makes it easier to play backwards. But you might need to just turn it into a series of still images, like JPEGs, and swap them to the screen as needed. Video formats are meant to be played forwards, at normal speed.

chrome, cy.js 2.1.0: nodes disappear with mouse motion

macos 10.7.5
chrome Version 32.0.1700.107
Version 32.0.1700.107
and the simple "single.html" helpfully provided by gcpdev:
live code examples: cytoscape.js initialization -- incomplete?
Any movement by the mouse in the canvas makes the nodes disappear. zooming and and out (with middle mouse roller button, for instance) makes them visible.
This problem is only on Chrome. Firefox and Safari work fine.
Any suggestions?
Thanks!
Paul Shannon
I can't reproduce this on Mac OS 10.9 with Chrome 32, which probably indicates this is a problem with Chrome rendering canvas on that version of Mac OS.
I notice that the linked demo is using v2.0.2. Have you tried an updated v2.0.x release or v2.1.0?
Try using pinch-zoom to set the zoom level for the webpage (not for the Cytoscape canvas element, which has its own separate zooming operated by scrolling with two fingers on the trackpad) to 100%. This fixed it for me, based on this question and this github issue, both about an almost identical issue in Firefox.

Mac OS screen as video source

I'm want to create application for OSX where I can record video from webcam and from screen(at the same time or in succession).
In Windows I can use DirectShow and ScreenCapture filter as video source, but in Mac OS we have no DirectShow and filters.
Is it possible to create something like ScreenCapture filter in windows for Mac OS?
Maybe it's must be some video kext or something else.
Can anybody help me with this question?
Thank you.
Apple have an example of recording the screen. Technical Q&A QA1740
How to capture screen activity to a movie file using AV Foundation on
Mac OS X Lion
Q: How do I capture screen activity to a Quicktime movie on Mac OS X
Lion?
I am on mountain lion. With a little tweaking the example works.
EDIT 1* here is a second example from Apple AVScreenShack. Sample Project
Note:I could not get the AVCaptureSessionPresetHigh to work for high quality in either example. Apart from if I set the input's cropRect width & height to anything below 700x700 in the first example.
But the AVCaptureSessionPresetPhoto worked fine and captured the whole screen in good quality.
Edit 2*
Here is Apples sample to record using a device such as an iMac Camera. The sample Project works from the get go.
AVRecorder
have look at here. Get many images and make a video from that images.
Open the QuickTimePlayer (at home in the Applications folder) click: File --> try: New Screen Recording (and play with the other two menu items).
I think it is close to what you want to do.
A new panel will open; play with the triangle at the right side:

Adobe Air laggy on Dell Inspiron Touch 1

OK, this might be a very specific question, but I am seriously stuck.
I have an Adobe Air desktop app which runs fullscreen on a Dell Inspiron Touch PC (OS is Win8). The interaction involves some dragging with the finger/mouse.
Edit: I use Air 3.8
Here's my problem: when operated with the mouse, everything works fine and smooth, on this computer and on every other PC I tested it on. But with touch input everything becomes obviously laggy.
When operated by touch, the OS shows a dot which indicates the current position of the recognized finger. When the finger is moved around, this OS output is significantly more responsive than the Air app, where dragging takes longer and lags. So I assume that the problem lies in delivering the touch events to the app.
What I have tried:
setting different values for MultiTouch.inputMode, assuming that
MultiTouchInputMode.NONE would be the most performant
installing a new driver for touch input
setting the mouse speed of the OS to "high"
setting the touch area size of the OS to "small"
Nothing did have an impact, and I am out of guesses…
Does someone have an idea or even experience with this stuff?
Thanks!
Because I had very little time and had to find a solution very quickly (it was a kiosk app for an event), I chose this alternative which worked perfectly: I made a flash file that is shown in the browser in fullscreen. No lag, no performance issues at all. I still don't know what caused this behavior though. No time…

Video in video.js-Player not displayed correctly

I have a problem regarding a video that is not displayed correctly in the video.js player:
http://www.ulrichbangert.de/kakteen/zeitraffer_vjs.php?Idx=10
As you can see from the page source the dimensions of the player are set to 640x480. The video has the same dimensions which I verified by loading it into my local player and displaying the properties. But: At the left and the right of the video there is a gap of some pixels. The poster is displayed correctly without these gaps. This results in an ugly skip when the player switches from the video to the poster. The poster image is the last frame of the video.
Other videos like this one
http://www.ulrichbangert.de/orchid/zeitraffer.php?Idx=1
are playing fine without a skip but I can't find any difference between these and the faulty one.
My browser is Firefox 23.0.1 thus the ogv video is used.
Can anybody help?
Best regards - Ulrich