Embedding Media Players for streaming audio - embed

I already know that there are flash and html5 players that can effectively stream a shoutcast source. I also know that I can simply add a link to the .pls and have it open. I know that I can't force a specific player to be used on a users system. I've looked through various questions on this site and haven't actually found a solution.
I know that if I use a simple href command and point it to an m3u file I can pop open a window and then it will load whatever audio player a user has set as a default player. What I would like to do is provide a way for a person to click on a link for a specific type of player and then have that open an embedded player of that type. If the user does not have that plug-in or player installed it will offer the option to dowload and install. I've figured out how to embed a windows media player and a quicktime player but I haven't yet figured out how to embed real audio or a "default" (winamp vlc media) player. I'm hoping someone has an idea on how to accomplish this. Thanks.

All you need to do is embed the right content, and the system will use whatever plugin has registered itself to handle that content type.
<embed src="somefile.ra" />

Related

Insert html video player in As2 page

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.

Embedding html5 video with opengraph on facebook

I have built a web site for our student tv station and the concept is pretty similar to youtube. We would like for our videos to be playable directly in facebook when shared, with the videos themselves still hosted on our server and our stats being updated.
The player on the site uses videojs and is all working with the html5 video tag. There is also an embeddable version of the player that can run in an iframe. Ideally I'd like this to be used on facebook but don't think it's possible. This is what I've attempted at the moment with the og:video:type value set to text/html and og:video set to the embeddable player url and it doesn't appear to work. Here is an example page, and here is the embeddable player for it.
The only other ways I've seen is to specify a url to the video file, or a url to a flash player.
All of our videos are rendered at different qualities/resolutions and on our site and embeddable player there is a quality selection bar that changes the video url in the player. However it looks like with opengraph and facebook there is no way of giving it the urls to the different qualities or having the user pick the one they want on facebook, meaning we're stuck with forcing everyone to watch at one of the qualities. Is this right?
So then the only other option that appears to be available is building a custom flash player which has quality selection built into it. From what I can tell this is what youtube is doing. Is this the only option though because I don't want to build a custom flash player for Facebook to then decide in a few months that they're not supporting flash anymore?
I realise similar questions have been asked already but I couldn't find a definite answer and some of them were over a year old.
Thanks.
Facebook is currently trialing iframes with YouTube. Hopefully the support will be rolled out to everyone soon.
More info at this question: Embedding video player html5 iframe in facebook share like YouTube

uploaded video only audio is displayed

I am trying to upload an MP4 file. But with this specefic file only the sound content is displayed.
With all my other videos there is no problem only with this specefic one.
i found the following SO question:
HTML5 video of type video/mp4 playing audio only
Where he suggest to find a converter.
Does anyone know if this could be the problem and how do i secure that regardless of what video my user uploads that it will always be able to play?
Yes, this can be a problem.
You have not written about your server limitations, so if you have the possibility to execute converters (like ffmpeg) then this is the best solution. This way you can also guarantee fixed resolution, framerate and various other properties, and your server won't eat up all the space if someone uploads a 2GB video... (Users can be dumb sometimes.)
If you cannot run ffmpeg on the server then try reading some about how can you detect codecs on your server, in the language you use, etc. Then, if you still want to, post a specific question.
Also try opening your videoplayer page with different browsers (Chrome, FF, IE at least). They might not support the codecs the same way.

How do I embed wmv/mpg/avi/mov/etc videos reliably?

I am trying to embed video files (wmv, mpg, avi, mov, etc.) dynamically by creating embed elements in javascript. The problem I am running in to is this has not been very reliable across all browsers and even if it does work, there is no guarantee that the end user has the required plugin to play the video. Ideally, I would convert everything to flv or an HTML5 video format but this is not currently possible due to cpu/disk space restrictions (these are videos uploaded by the end user, not me). I feel like this shouldn't be as difficult as it has presented itself to be - does anyone have any suggestions?
To the day VLC release a browser plug-in, the best way is to convert them to .FLV or .MP4 files server side. And use a free Flash video player for the playback (I mean HTML5 with Flash fallback).
If you do not want to convert those videos, let the end user directly download the files. And deal with the problem of multiple video format himself.
edit:
Or you could move your website out of the HTML browser, and build a desktop software, that can take charge of all those videos format, client side.
edit2:
Use Youtube API or any other already existing video hosting services. Personally I will avoid this solution.
The only way to do it reliably is with flash. Use ffmpeg to convert incoming videos to .FLV and use a flash player.

Load videos (not from youtube) into chromeless player (can it be done ??)

From what I understand the chromeless player..
http://code.google.com/apis/youtube/chromeless_player_reference.html
can be loaded as an external swf and can play youtube videos
using commands like:cueVideoById, or cueVideoByUrl
Both commands apply to youtube videos, but is there a way to have the player load a video let's say hosted on your server ?
No, that's not possible using the YouTube chromeless player. I'm sure that there are other Flash options out there if you search around a bit, though. You could also use the HTML5 tag, assuming your users are running a compatible browser.