JQuery :: Load Shoutcast Stream With JMediaelement (jme) Audio Video Plugin?
Jul 19, 2010im trying to load url for Shoutcast Stream [URL] with jMediaelement plugin[URL],
View 8 Repliesim trying to load url for Shoutcast Stream [URL] with jMediaelement plugin[URL],
View 8 RepliesI'm trying to create a mobile app for an internet station (http:url....), and right now I'm just trying to get how to get it to play.I've got it to connect to an MP3 file and it works just like I want it to. However, upon setting it to connect to the stream, it returns with "java.io.IOException: failed to connect to http://71.127.84.92:8004 : response does not start with HTTP it starts with: ICY".Here is the code:
public void commandAction(Command command, Displayable displayable) {
if (command == stopButton){
if (isPlaying == true) {[code]......
Is there an extension or plugin that could take a url to some media -- video, audio, image -- and just load it / display it on the page? I came across jQuery Media [URL]... and it looks like a good start at what I'd need. Although it just focuses on video and audio, not general images.
View 3 Replies View RelatedI need Media player to stream and play video in javascript..
My requirement is I have .wmv files but when i embed them in html pages first it gets downloaded and then it gets played.
I need them playing while they are getting downloaded.
I am not sure whether this requires flash or not, therefore I'd like to ask if it is technically possible to create your own audio/video player with JavaScript/jQuery? If not, could I create something similar just not with full functionality? Like stop, next, previous, etc. buttons?
View 3 Replies View RelatedI managed to construct a script to play random sound files to make listening tests for students. The audio files were actually taken from video files and I would now like students to be able to see the video too. I have the code below which works fine for my (and the students') needs, except that only the audio is played and not the video (and the mov files definitely do contain video). Can anyone suggest how I might change the code so that the video is shown too, either on the same page, or in a pop-up window? I would have thought it would be a matter of changing the window.doSound lines, but if so I can't figure out how.
Code:
I worked on this website :[URL]and cannot find out why it does not work in IE while it works in other browsers. The small video does not play while the sound does. As far as I can see it works fine in FF and Chrome.
View 1 Replies View RelatedMy computer seems to have problems with its javascript when opening new windows from certain sites that are either audio or video files. I simply have not got a clue where to begin.
View 3 Replies View RelatedI'm using VS2008Pro with Master pages. On a child page, I have a modalPopupExtender that calls a panel with an embedded Google video. Everything works great - the popup appears with the video,background greyed.But, when I close the panel,the audio keeps playing in IE 7 & 8. Netscape is fine.I went and tried what Google recommended, but it still continues.
'//In child page header
<script src="../swfObject/swfobject.js" type="text/javascript"></script>
<script type="text/javascript"> [code].....
I am trying to load html stream directly into webbrowser in delphi. The html contains java script. It loads xml and xsl files and display the xml content in the web browser. I got an error, says access denied for the command xmlDoc.load(fname); If I save the html into a file, test.html, and double click it, it is fine, no problem. The code is actually copied from [URL].
[Code]...
/*
* var divx_video = new DivXVideo();
*/
function DivXVideo()
{
/*
* default values
*/
this.VideoLength = 0;
this.AspectRatio = 16 / 9;
this.Width = 720;
this.Height = 480;
this.CroppingTop = 0;
this.CroppingRight = 0;
this.CroppingBottom = 0;
this.CroppingLeft = 0;
this.FramesPerSecond = 23.976;
this.OutputFileSize = 703.125;
this.ResXModulus = 4;
this.ResYModulus = 2;
this.AudioBitrateModulus = 16;
/*
* videoLength();
* videoLength( seconds );
* videoLength( minutes, seconds );
* videoLength( hours, minutes, seconds );
*/
this.videoLength = function()
{
if (arguments.length > 2)
this.VideoLength = arguments[0] * 3600 + arguments[1] * 60 + arguments[2];
else if (arguments.length > 1)
this.VideoLength = arguments[0] * 60 + arguments[1];
else if (arguments.length)
this.VideoLength = arguments[0];
return this.VideoLength;
}
/*
* aspectRatio( [ ratio ] );
*/
this.aspectRatio = function()
{
if (arguments.length)
this.AspectRatio = arguments[0];
return this.AspectRatio;
}
/*
* width( [ n ] );
*/
this.width = function()
{
if (arguments.length)
this.Width = arguments[0];
return this.Width;
}
/*
* height( [ n ] );
*/
this.height = function()
{
if (arguments.length)
this.Height = arguments[0];
return this.Height;
}
/*
* croppingTop( [ n ] );
*/
this.croppingTop = function()
{
if (arguments.length)
this.CroppingTop = arguments[0];
return this.CroppingTop;
}
/*
* croppingRight( [ n ] );
*/
this.croppingRight = function()
{
if (arguments.length)
this.CroppingRight = arguments[0];
return this.CroppingRight;
}
/*
* croppingBottom( [ n ] );
*/
this.croppingBottom = function()
{
if (arguments.length)
this.CroppingBottom = arguments[0];
return this.CroppingBottom;
}
/*
* croppingLeft( [ n ] );
*/
this.croppingLeft = function()
{
if (arguments.length)
this.CroppingLeft = arguments[0];
return this.CroppingLeft;
}
/*
* framesPerSecond( [ fps ] );
*/
this.framesPerSecond = function()
{
if (arguments.length)
this.FramesPerSecond = arguments[0];
return this.FramesPerSecond;
}
/*
* outputFileSize( [ MB ] );
*/
this.outputFileSize = function()
{
if (arguments.length)
this.OutputFileSize = arguments[0];
return this.OutputFileSize;
}
/*
* resXModulus( [ modulus ] );
*/
this.resXModulus = function()
{
if (arguments.length)
this.ResXModulus = arguments[0];
return this.ResXModulus;
}
/*
* resYModulus( [ modulus ] );
*/
this.resYModulus = function()
{
if (arguments.length)
this.ResYModulus = arguments[0];
return this.ResYModulus;
}
/*
* audioBitrateModulus( [ modulus ] );
*/
this.audioBitrateModulus = function()
{
if (arguments.length)
this.AudioBitrateModulus = arguments[0];
return this.AudioBitrateModulus;
}
/*
* audioBitrate();
*
* Assume MP3 compression.
* Variable dependencies:
* - outputFileSize
* - videoLength
* - audioBitrateModulus
*/
this.audioBitrate = function()
{
var kbps = Math.round(this.OutputFileSize * 8192 / (this.VideoLength * 7.09375));
kbps -= kbps % this.AudioBitrateModulus;
return kbps > 128 ? 128 : kbps;
}
/*
* videoBitrate();
*
* Variable dependencies:
* - outputFileSize
* - videoLength
* - audioBitrateModulus
*/
this.videoBitrate = function()
{
return Math.floor((this.OutputFileSize - this.kbps2MB(this.audioBitrate(), this.VideoLength)) * 8192 / this.VideoLength);
}
/*
* resX();
*
* Variable dependencies:
* - width
* - croppingLeft
* - croppingRight
* - height
* - croppingTop
* - croppingBottom
* - aspectRatio
* - outputFileSize
* - videoLength
* - audioBitrateModulus
* - framesPerSecond
* - resXModulus
*/
this.resX = function()
{
var x = this.Width - this.CroppingLeft - this.CroppingRight;
var y = this.Height - this.CroppingTop - this.CroppingBottom;
if (Math.round(this.Width / this.AspectRatio) > this.Height)
x /= this.Width / Math.round(this.Height * this.AspectRatio)
else
y /= this.Height / Math.round(this.Width / this.AspectRatio);
var optimum_res_x = Math.sqrt(1024 * this.videoBitrate() * (x / y) / (.2 * this.FramesPerSecond));
if (optimum_res_x < x)
x = optimum_res_x;
x = Math.round(x);
x -= x % this.ResXModulus;
return x;
}
/*
* resY();
*
* Variable dependencies:
* - width
* - croppingLeft
* - croppingRight
* - height
* - croppingTop
* - croppingBottom
* - aspectRatio
* - outputFileSize
* - videoLength
* - audioBitrateModulus
* - framesPerSecond
* - resXModulus
* - resYModulus
*/
this.resY = function()
{
var x = this.Width - this.CroppingLeft - this.CroppingRight;
var y = this.Height - this.CroppingTop - this.CroppingBottom;
if (Math.round(this.Width / this.AspectRatio) > this.Height)
x /= this.Width / Math.round(this.Height * this.AspectRatio)
else
y /= this.Height / Math.round(this.Width / this.AspectRatio);
y = Math.round(this.resX() / (x / y));
y -= y % this.ResYModulus;
return y
}
/*
* kbps2MB( bitrate, seconds );
*
* Convert kbps for a given number of seconds to file size in MB.
*/
this.kbps2MB = function(bitrate, seconds)
{
return bitrate * seconds / 8192;
}
}
I am a total jQuery newbie and am looking to find a slideshow slider plugin that will support 3 photo slides and 1 video slide. Can anyone tell me if anything like this exists and, if so, which one would work for me? I like Coin Slider because I can link the images but it doesn't mention if it supports video as well (which I don't need to link).
View 3 Replies View Related[URL]jMediaelement could not play these MOVs.
View 1 Replies View RelatedI'm using jme [URL] to play videos with the new html5 video tag and OGG codec. Works fine - but now I need to have some sort of callback once a video has finished playing. How can I determine when a video has finished playing to take some action? There's a method .isPlaying() which could be used for this but maybe there's a more elegant way.
View 2 Replies View RelatedI'm a relative newcomer to jQuery (and for that matter an inexperienced web builder) but I've really enjoyed using the jQuery UI and plugins as I work to redo my site. My problem is this. My site includes many video progressive download files. I have tried to combine either jQuery UI (Accordian) or a plugin (nivoSlider) (not both at the same time) with a video embed using SWFObject. For some reason the combination cause my video playback to stutter.
Here are two test pages. They access they same mp4 files but in Test_1 I have disabled the nivoSlider js. The videos playback smoothly in Test_1 but in Test_2 the playback stutters. [URL]
var myVideo = {
Having issues with the video plugin for jQuery. This works great for Chrome but not Safari or Firefox. In Firefox it just shows up as a grey box with a light grey 'X' in the middle, and in Safari as nothing. I'm guessing it's something about the MIME but I have no idea what to do about that.
I want the website to show a lighbox with video started as soon as it is loaded. I should also have an option to close the video.
<input id="gwProxy" type="hidden"><input onclick="jsCall();" id="jsProxy" type="hidden"><div id="refHTML">
</div>
I have a video gallery with a bigger div with width 500 pixels where the main video is waiting to be played and below is a smaller div with all the others videos from the gallery having width of 80 pixels.The list of video are managed by a content management system in PHP and are the result of youtube "Share Embed action" where the result is an iframe with the link for the video.How can i clicking on a video from the smaller div see the video being displayed in the bigger div ? already playing? or in a new layer above the website ?For now the video plays in the div it is located at.As an example here is the source video format :
<iframe width="420" height="315" src="http://www.youtube.com/embed/somevideourlhere" frameborder="0" allowfullscreen></iframe>
Here is what I am trying to do with no luck: I am sending an HTML marketing e-mail with a call to action to watch a video on my website. Since html e-mail code has to be pretty generic and simple I want to have the link inside the email be something like [URL].. Once the anchor is received on the web page the video automatically pops up and plays.
View 3 Replies View RelatedFrom my experience with HTML5 video so far (which isn't much), Firefox seems to switching to the "HAVE_ENOUGH_DATA" state too soon which is causing very choppy playback while the video is buffering. Is there a way to start the loading of video as soon as the page loads instead of waiting for the user to press play? I don't mean "autoplay", I want the video to start buffering as soon as the page loads without it playing.
View 2 Replies View RelatedI have a problem where the .ajaxForm() method provided by the jQuery form plugin cannot see (or does nothing) with matched elements that are loaded dynamically by the jQuery .load() method (which returns HTML in the matched selector's space).So, here's what I have in a nutshell. In the HTML page, I have the jquery and jquery.form script includes (both working OK) in the head. I have a separate script block for the document.ready that encapsulates my jquery.Now, normally I use jquery .load() to load dynamic HTML into my page (a bunch of images), the URL I hand it has a dynamic item ID that it uses to talk to my database, and returns the HTML that I want in this HTML page.
The selector .load() uses is normally an empty div with a unique ID ("#images"). when I have a form element from within this dynamic HTML, any ajaxForm event I attempt to bind to it never occurs.However, if I statically load the page with HTML first, the form plugin can see it and responds to events regarding these items.Both sets of HTML that I have in #images are identical, both static and dynamic. The only difference is that when it's dynamic, I use jquery to replace HTML on the page once the document is deemed "ready".The entire reason why I load it this way is because I have an upload form at the bottom of the page that dynamically (through Ajax form upload) adds images, and re-loads my HTML to add the new image. The forms I'm attempting to run within this HTML deal with removing these images one-by-one.
Snapshot:
<script src="jquery-latest.js" type="text/javascript"></script>
<script src="jquery.form.js" type="text/javascript"></script>
[code]....
I have a form with a file upload field. When you hit submit the file should be manipulated by the client browser and not sent to the server (!). This is important. No file transfer to the Server. After the manipulation the file should be presented as download-able to the client. Which means it is stored from the browser to the client filesystem.
I do not know if any JavaScript Framework is capable of doing this.?
I am currently writing a CMS and I need a few minor variable values from the YouTube Api. I wish to embed a YouTube video into a page and then extract key information about that video such as:
1. The Title
2. The duration
3. The number of hits
I am using the Cascade plugin [URL]. I have been searching for a while and haven't found a solution to this yet. I am trying to set the initial selected option when the page loads.
My code:
jQuery(document).ready(function()
{
jQuery("#child1").cascade("#parent1",{
list: items,
[Code]......
Is there a second parameter I can pass to the trigger with the option value I want to be selected? Something like:
jQuery("#child1").trigger("cascade", "508");
I have a set of jqueryui tabs that, when clicked, load in their content dynamically. It works great, except that one of the pages uses a jquery plugin itself. This results in two issues:
- The main page that holds the tabs throws an error when loaded because there is js that refers to elements that haven't loaded yet (those elements are in the external file that contains the code that relies on the plugin).
- If I embed the js that triggers the plugin functionality into the external file, it is outside of the document.ready function from the main page and therefore isn't usable.Basically I am looking for a technique that allows me to ajax load an external html file into the DOM while not crapping out the main page itself because JS that is already there is expecting HTML which is not yet there.
Here is the code (my questions at the bottom):
[Code]....
The problem is lines 37 and 38. opts.onHide calls the callback function sliderOnHide (which performs an Ajax load call) at the bottom of the listing. The problem is that line 38 starts executing before line 37 completes, thus line 38 cannot calculate a proper outerHeight. how to ensure line 37 completes before line 38 begins too do so? (If you have any other tips for the rest of the code, feel free to pass it on. This is my first plugin. Using it to get a feel for jQuery.)