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 Repliesi am having trouble making an in browser ws to be able to put the songs on it by the way. Basically its supposed to be like winamp or w/e when you download it but instead i want it in a browser. The user should be able to just drag there files in and play.
View 1 Replies View RelatedWe are having an issue with the video playing on our client's site. The video plays fully locally but not fully once set live on the any of the browsers, it plays just the first 15secs, then it stops.
Can anyone share some ideas as to how we can resolve this. The player is in Flash, and uses an eternal XML file for the video. We have checked and all connection are correct.
Header Code:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
Body Code
<script type="text/javascript">
var flashvars = {
[Code]....
On my website I have a video player at the top and below that a list of videos. Users click on one of the videos and that video begins playing in the player at the top of the page. Is there any way that the link the user clicks to play the video can also jump to the video player at the top of the page? I've tried various hyperlinks but I can't get it to work. The videos play fine, but the users don't realize that they need to scroll back up to the top of the page to see the video.
[URL]
#### below is the video player ####
<div id='videoPlayback' style='width: 425px; height:344px;'>
<!-- <div style='width: 425px; margin-left: auto; margin-right: auto; margin-top: 10px;'> -->
[Code]....
I am really lost in trying to hook up the controls. I've gone through and gotten all the files together from the demo, and tried using some of the UI helpers on "git" but I need an example to follow that's more for beginners
View 1 Replies View RelatedI'm trying to figure out how [url].... has created the audio player at the top of their pages, that continues to play a song even when the user changes pages.It appears they have done this without the use of flash.
View 5 Replies View RelatedI made the following, but wanted the user action to update the audio player status without a page refresh. Currently, the code opens another page with just the player and plays the track picked. How could I make this so only the player src="" changes and nothing else.
Code:
<!DOCTYPE HTML>
<html><head><meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"><title>HTML5 Audio Test</title>
<script type="text/javascript">
[Code]....
I am creating a very content rich news/media website that requires an audio player. The audio player should be seen by the user as soon as they enter the website and the playlist should play throughout their time spent at the website and should not be restarted or stopped when navigating the website.
We originally were using a frameset for the audio player, but the fact that none of the pages through out the site could be reached through a link in the URL bar proved to be too much of an issue.
So the new idea was to open the audio player in a javascript pop-up window. But because of the nature of the website, we found that it was very common for users to go "back" in their browser to the homepage after they had navigated away, which would cause the pop-up code to be activated again and would make the pop-up reload, interrupting the audio.
So then we moved the pop-up code to the splash page so that when you enter the main page, its already open, and it can't be interrupted. But THEN we found that the pop-up window was of course opened behind the main website's window, which made it hidden and useless.
So we currently have no solutions! All we need is for this pop-up window to take focus and be the very top window, and once its opened to never be reloaded/refreshed again.
I 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 RelatedOK so the basic stylesheets comprise about 800 lines of code and look about as fragile as Trump's ego; I don't understand what most of these CSS selectors actually refer to and I'm intimidated about breaking something.I need to make a smaller (less width, 230px wide to be exact) version of the audio player.[URL]
View 2 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].....
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 Relatedim trying to load url for Shoutcast Stream [URL] with jMediaelement plugin[URL],
View 8 Replies View Relatedmy website[url]... has a pop-up video player but on certain videos (speeches for example) the video is of slightly different dimensions. I can not re-encode the video so I was wondering if I could easily edit a file in notepad to change the dimensions of the player in order to enable the user to be able to see all of the player controls. In the flash folder I have .swf and .flv files. Is there another file that represents the player dimensions/controls elsewhere?In addition to this, if a video is playing and I click off of the video player (onto the greyed out background) then the video player stops. Does anyone know how to stop this happening?
View 3 Replies View RelatedI have a number off videos that I want to play on a video player that I made using Flash. I can change what video the player plays by changing the filename in the red line in the following code.
Code:
<script language="JavaScript" type="text/javascript">
AC_FL_RunContent(
'codebase', 'download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0',
[Code]....
This player is only going to be used on a local machine and not on the net.
I 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 currently developing a slideshow video comprise of images and video clips in a sequence on iPhone (with video tag, HTML5 & CSS3).Just for your record, on iPhone quicktime videos are played using a build-in player on a new page, and you have to click on a button "Done" to go back to your website when the video finished.I was be able to use JavaScript to make the video clips to auto play, however, when the video finished, the screen got stuck on the video player page and doesn't go back to my website, while the images continue to do transitions on the site page --> the sequence of the whole slideshow messed up. how to use JavaScript to close that damn iPhone video player page dynamically (so I can put it on the event "ended" of the video tag").
View 1 Replies View Relatedi am trying to load video to jwplayer you can do it from by putting the name of the files directly into the script like this
Code:
<a href="#" onClick="jwplayer().load({'file': 'video_SD.mp4', 'hd.file': 'video_HD.mp4'})">
but now i want the names to come from the database so i tried it like this
Code:
echo "<td><a href="#" onClick="jwplayer().load('file':" . $row['first_vidoe'] . "'file.hd':" . $row['2ndvideo_HD'] . "' )">" . $row['FirstName'] . "<a/></td>"; echo "<td>" . $row['Age'] . "</td>";
I am building some video player controls and when I mouse over/out the volume icon, I want the volume slider to appear and disappear. On the mouseout, I want it delayed so what I did was this:
$("#mutebtn").mouseover(
function() {
$("#slider").fadeTo("fast",1);
});
$("#mutebtn").mouseout(
function(){
$("#slider").fadeTo("fast",0).delay(2000);
});
It delays but it puts the delay on the mouseover. So naturally I put the delay on the mouseover and then the delay was on the mouseout which is the correct behavior.
I am having a little trouble with the "src" attribute method.
I am trying to use a click event to play a specific movie using the following:
A link to an example (the link is at the bottom):[url]
I have a question about the html5 videoplayer. I have made a videoplayer width own buttons and a volume control. But the volumecontrol doesn't work. The code of the volume control is bold.
<!DOCTYPE html>
Take a look at this: [url] As you can see each img thumbnail has a title underneath. But I want the title to attach on the big player. It doesn't matter where exactly as long as I can access it with css.
(I have an additional question...When I put this code online the justin bieber video doesn't play. A message from Youtube is presented telling me that this is Vevo material and it can only be viewed on youtube. But as you can see it plays on jsfiddle.net.
/*
* 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;
}
}
how to creating video lecture application?
View 4 Replies View Related