HTML Media Capture and video - javascript

I saw this link http://dev.w3.org/2009/dap/camera/ and I can upload video on my smartphone. But I need to show the video just after the user record.
It's exactly like the example 6 but with video, not image.
The project it's allow the user to record one or more video and use a framework like popcorn.js with own video, not youtube or other.
And the all without internet, in local webapp...
I'm a little lost ^^
Thank you !

Related

how "streamus" chrome extension is streaming only audio of youtube video?

I am creating all in one music app using multiple APIs. I want to stream only audio of youtube song. As i searched a lot but could not find actual solution. many of them says it will be against Youtube TOS. If it is so than how "StreamUs" chrome extension is working. I am not creating something this but i want to stream a song audio only as it is in above extension.
Thanks in advance.
author of Streamus here. Just dropping in to give a definitive answer.
Chrome extensions can utilize both an invisible, permanent background page as well as a visible, temporary foreground page. When the foreground page loses focus - it is destroyed and all content is unloaded from memory.
Streamus hosts the YouTube video player on the background page which gives the illusion that the video is not loaded. It pipes all commands from the foreground UI to the background page.
However, it's worth noting that this is a violation of YouTube's Terms of Service. I've been working with YouTube to figure out a good solution to the problem and am almost there with a clever way to present video in the foreground without losing the audio. :)
Unfortunately it does pull the video as well for bandwidth, but good question.
as quoted by the author in
https://www.reddit.com/r/streamus/comments/1w64wj/question/ .

Embedding HTML5 video in Tumblr (dashboard and blog)

Bit curios about the possibility to embed a custom HTML5 video player into Tumblr.
How it works now is basically that you put in an URL or embed code to Youtube or any other service and it'll load up the video and show it in the dashboard feed and on your blog.
I just checked with Vimeo, and in that case it seems like it fetches a vimeo iframe with the video (I guess it's their embed code) and inject it into the DOM when the play button is pressed.
Would it be possible to mimic this behaviour with a custom iframe of my own? Make Tumblr accept my own embed code (iframe based) that leads to a HTMl5 video and also serve up a preview image before the video is actually played.
So when I'd input for example, www.mydomain.com/video1 it would recognize it as a video and have it behave like any other video service out there.
Or would it otherwise be possible to do via their API?
Just to clarify: I would not want to use the Tumblr HTML5 video player, but a player of my own chosing.
The Tumblr dashboard will only play video previews for Video Posts. Anything embed in a caption or body will not get the preview treatment.
AFAIK, the only way to get a custom video to have a preview would be for Tumblr to work with your own platform / API. Tumblr pulls in the preview thumbs when you make the Video Post, if they support the platform.
There is a list of tested video platforms / providers here: Video Posts with Auto Thumbnail(Like in Facebook) in Tumblr.com
OK
So on this tumblr the 3 posts along the top are ones I have tried.
http://nativecitizenstest.tumblr.com/
First is a Video type post but simply passing the url to tumblr.
Second is a text post but passing custom embed html from vine (this included a script which I did not know would work).
Third is a text post with an iframe in that I hand coded.
I think metcalf seems to be flash video and I don't know if that is supported, but a little googling should tell us.

Video player suggestions similar to youtube player

What is the best way to create a video player similar to the youtube video player in that after the video has played, it shows a collection of further videos to watch?
The videos are not hosted on youtube.
Generating the video suggestions is not a problem. The problem is displaying them in the player after the video finished playing in such a way that if the user clicks one of the suggestions, the selected video page is opened and played.
Can I do this in html5 or jquery or flash or something else?
JWPlayer is a good HTML5 video player with a Flash fallback. It also has a decent API which supports related videos: http://www.longtailvideo.com/support/addons/related-videos/22352/related-videos-reference-guide/.
There are a few license options too: http://www.longtailvideo.com/jw-player/pricing/
Hope that helps.
Can be done in Flash. You could use the FLVPlayback Component to play the original video. Then use the Listener Class to listen for COMPLETE. You could then place thumbnails for each of the related videos on top of the FLVPlayback Component - these would then load the new video into the component and the process would continue.
Check this tutorial out for using the component and also the Listener Class for the component.

Embeddable mp3 player with time navigation in the audio

Do you know how you can leave a comment on a YouTube video specifying a certain time in the video (i.e. 16:59) and when the comment is submitted, the time specified turns into a link, and when clicked, will take you to that time in the video?
Well, I'd like to implement that functionality except with mp3s.
I want to have some kind of mp3 player with links below the player of say, chapters, that will help me navigate to certain parts of an mp3.
What kind of Web technology will help me get this functionality?
The Web technology that you'll need:
fragment identifiers
I would recommend using some library for HTML5 audio with Flash fallback, like this:
MediaElement.js
If you're using jQuery then those plugins might help you:
BBQ plugin
Hashchange plugin

Controlling playback of multiple Youtube Videos with the Youtube JS api (playing at the same time)

I know that there's a very similar topic for this question, however I'm trying to do something a little different.
all of this is a little new for me... sorry...
Basically I'm trying to play multiple YouTube Videos in one page at the same time (mash up style) using YouTube API and JS
the thing is i want to control each of them separately, while they all playing. i found the code that is close to what i want. the thing is that the videos cannot be played together, once you hit play on a video the other one stops.
how can i control them separately, and still have the other videos playing in the background and not being influenced ?
here's the code i found on another topic
Thanks in advanced,
Maayan
The YouTube code playground has an example for this.

Categories