I've to show a video source (WebCam or Video Grabber) in an HTML page.
I have NO need to stream or capture the signal, but I need only to overlay the video on the HTML page, since the PC that has to show the signal it the same that receive it.
I tried the following, but all of them are too jerkily or with a sort of "interlaced" view:
HTML5 and Chrome Canary
Adobe Flash with Camera.getCamera
VideoCapX (an ActiveX recorder)
Java applet
I think that for obtain the smoothness I've to find an element that handle the "overlay" method.
Remember that I can install what I want on this PC since I don't have to stream the signal.
Thank you very much in advance.
Related
I want to find out where in a webpage's source code does a sound effect play. That'd allow me to better understand the code and obtain the audio file as well. I searched in the "Sources" and "Network" tabs of the Chrome Inspector, but there are no audio files there. The sound is probably fetched by an AJAX request or generated using the HTML5 Web Audio API. How do I set a breakpoint in the Chrome Debugger to pause when a sound plays?
As suggested in Abarnett's comment:
Use a browser add-on/extension/plug-in such as Chrome Audio Capture to record internal sounds in the browser.
For a small website I am creating, I have an embedded piece of audio which plays on the landing screen, the current method I am using is just by simply embedding it via standard html:
<audio autoplay loop id="player" src="audio1.wav"></audio>
The issue with this method is it is possible to find and download the src when looking in devtools. I want to mask the src so nobody can find it and download it, as the audio is up for sale/copyrighted.
Is there a method where the original .wav audio file cannot be traced back and downloaded?
There's no real way to prevent someone from obtaining the audio in one way or another if they're determined enough. However, a few alternatives are listed here, with some more concrete code examples here. Consider only playing a small sampler to prevent someone from getting the entire audio clip.
So,
A few days ago, Google Chrome started to block Flash advertisement from auto-playing, by default.
The problem is that I'm using videojs media player to play an HLS live stream on my page.
And, since Chrome does not support HLS protocol natively, the player falls back to a small Flash file to play the video.
But Chrome thinks this Flash file is an AD - thus not allowing it to auto-play as it should.
Is there any way to tell Chrome that this file is actually an important part of my page, and not an AD?
Add an empty Flash file larger than 398x298 to the bottom of your page. I found once you have at least one Flash file above their minimum Chrome will not pause any of your Flash. You cannot hide this extra Flash file with CSS. Optionally use a javascript timeout (3 seconds) to hide the empty Flash file in case it messes with your page layout. I'm using swfObject for embedding.
I am dealing with the same issue, but I think the size of the video and location on the page are factors. Try making the video player bigger. When I went up to 410x308 the problem went away.
I have a online courses with a lot of videos. These videos are in Vimeo for the app of this courses but I use flv loaded to the server in my flash version and the administrator wants to get off these flv.
Cause I don't know a bit of AS3, i can't use the vimeo api. So:
How can I display a webpage (where an html player will be running the video) in my swf? Like some kind of web object. The result, must be the video page inserted in the swf area
Please, be specific in your answer, my knowledge of coding is poor.
Thanks a lot! :)
The best way to approach this would be to setup an ExternalInterface in the Flash course that will communicate with the page. From there, Flash can call a method that is responsible for rendering an iframe embed of the Vimeo player. You'll probably have to pass both the video_id and the location where the video should be displayed (x/y in the event that it changes).
Once you have the javascript setup to render the iframe embed where you need it, you can interact with the player via the Javascript API (https://developer.vimeo.com/player/js-api). The player would essentially be rendered above the Flash (kind of like a lightbox), but will allow the control that you need.
You can also setup whatever playback controls that you need to pass from Flash to Javascript, and eventually to the iframe via the API.
Please let me know if you need any more clarification on how this can be setup.
Is there a way to access/listen to the previous/next buttons in the iOS HTML5 video player? Ideally I would listen to some sort of a prev and next event and swap out the videos accordingly without the user having to close the video and click my prev/next buttons.
(source: iphonefaq.org)
I am currently using jwplayer to generate the html5 video and listening to their playlist next/prev listeners don't seem to do the trick. I can always find and attach listeners to the actual <video> tag pretty easily though.
If you attach listeners to the video tag itself then when the user hits next and previous then the listeners in the code will put up on those buttons. I am doing something similar with youTube videos. If you hit next it goes to the end of the youtube video and fires a video complete event tag and then I load the next video when that is called, so that the video will one loop without the next button and two the users can hit the buttons. I have not found a way to monitor the buttons in the player on the iphone side, but if I find it I will post that as well since it is important to know both angels if possible.
Funny thing I think I am looking to try and do the same exact thing. I know how to transition the videos to the next without having to leave the fullscreen mode because of using youTube api in the js but I am not able to observe the quicktime player itself and need to for another feature that I would like to work on.
That's the native iOS player which is a thin version of Quicktime. You'll know if it's an HTML5 player when it doesn't transition from the Quicktime player and your page in Safari. How is your movie being embedded?
I recently had a similar problem and was unable to find a solution using the HTML player. I ended up implementing the video player using MPVideoPlayer Framework and launching it from my web view with a custom URL scheme (AppName:Commnad:Asset). I was then able to use the delegate methods to monitor user interactions. If you would like to see basic implementation, let me know and I can add some code.