Imported HTML 5 audio file, not working properly when uploaded.

Here's the code:
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>HTML</title>
        <style>
            body {
                margin:0;
                padding:0;
            #container {
                width:768px;
                height:1024px;
                background:url('img/bg.jpg');
            #panel {
                position:relative;
                top:750px;
                left:40px;
            #panel img {
                float:left;
                margin-right:25px;
            #handles {
                position:absolute;
                top:640px;
                left:15px;
                z-index:50;
            #handles img {
                float:left;
                margin-right:95px;
                -webkit-transition:all linear 0.4s;
                -webkit-transform-origin:25% 75%;
                -webkit-transform:rotate(150deg);
            #disk {
                position:absolute;
                top:750px;
                left:50px;
            #disk img {
                margin-right:45px;
                -webkit-transition:all linear 0.4s;
                -webkit-transform-origin:center;
                position:relative;
                top:20px;
                -webkit-animation:disk linear 2s infinite;
            @-webkit-keyframes disk {
                from {-webkit-transform:rotate(0deg);}
                to {-webkit-transform:rotate(360deg);}
            #glow {
                position:absolute;
                top:950px;
                left:100px;
                margin-right:-5px;
            #glow img {
                position:absolute;
                top:0px;
                display:none;
            #g1 {
                left:-70px;
            #g2 {
                left:160px;
            #g3 {
                left:400px;
            audio {
                display:none !important;
                position:absolute !important;
        </style>
    </head>
    <body>
        <audio id="a1" src="img/a1.mp3">
            <source src="img/a1.mp3" type="audio/mpeg"></source>
        </audio>
        <audio id="a2" src="img/a2.mp3">
            <source src="img/a2.mp3" type="audio/mpeg"></source>
        </audio>
        <audio id="a3" src="img/a3.mp3">
            <source src="img/a3.mp3" type="audio/mpeg"></source>
        </audio>
        <div id="container">
            <div id="disk">
                <img id="d1" src="img/d1.png"/>
                <img id="d2" src="img/d2.png"/>
                <img id="d3" src="img/d3.png"/>
            </div>
            <div id="handles">
                <img id="h1" class="panelImg" src="img/handle.png" />
                <img id="h2" class="panelImg" src="img/handle.png" />
                <img id="h3" class="panelImg" src="img/handle.png" />
            </div>
            <div id="panel">
                <img id="p1" class="panelImg" src="img/1.png" />
                <img id="p2" class="panelImg" src="img/2.png" />
                <img id="p3" class="panelImg" src="img/3.png" />
            </div>
            <div id="glow">
                <img id="g1" src="img/glow.png" />
                <img id="g2" src="img/glow.png" />
                <img id="g3" src="img/glow.png" />
            </div>
        </div>
    </body>
    <script src="jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
    $(function() {
        var current = 0;
        function spin($el) {
            var id = $el.attr('id');
            var num = id[1];
            if (current == num) {
                stop();
            } else {
                $('#d' + num).animate({top:-130},400,function() {
                    $('#h' + num)[0].style.webkitTransform = 'rotate(0deg)';
                    $('#g' + num).fadeIn('slow');
                    $('#a' + num)[0].play();
                current = num;
        function stop() {
            if (current != 0) {
                var num = current;
                $('#d' + num).animate({top:20},400,function() {
                    $('#h' + num)[0].style.webkitTransform = 'rotate(150deg)';
                    $('#g' + num).fadeOut('slow');
                    $('#a' + num)[0].pause();
        $('.panelImg').on('click',function() {
            stop();
            spin($(this));
    </script>
</html>

well for anyone else.
my html was fine. in fact the server nginx was returning the wrong content-type and so i had to add the MIME types into my nginx config file.

Similar Messages

Swf is not working properly when upload to server

I develop 1.swf which is having 3 buttons each one having
anather .swf to call 2.swf, 3.swf respectively.
This application is running perfectly on my PC, but
While uploading the swf to server the 2.swf and 3.swf is
not running. Can any one tell how to recover from this kind
of problem.

justbipin wrote:
> basically my code working perfectly,
> but its not working properly when upload to server
> can anybody having any ref. or link to solve this
issues.
why is that we insist on seeing the source file ?
There is no one way of doing things in flash and no one can
help
you based on "does not work description".
This is way to broad of a subject to even try to guess.
Same as asking "my car does not work, what's up with
that"....
Please upload the problematic file and provide url for us to
check.
Otherwise you need to try to troubleshoot it yourself as we
can't
guess from here what possibly is wrong with that file.
Regards
Urami
Happy New Year guys - all the best there is in the 2006 :)
<urami>
http://www.Flashfugitive.com
</urami>
<web junk free>
http://www.firefox.com
</web junk free>

Clip inspector in imovie not working properly - when I select a picture - and select clip adjustment it tells me that I need to select one or more clips to view Inspector tools and in a clip the audio adjustment only shows a speaker? help

Clip inspector in imovie not working properly - when I select a picture (in project library) - and select clip adjustment it tells me that I need to select one or more clips to view Inspector tools and when I select a movie clip and then click on audio adjustments the audio adjustment appears as a speaker icon and I don't know how to get to the various audio options? It was working fine one minute and then I seemed to lose the functionality. Also editing a photo in a photo or getting rid of ken burns effect etc does not seem to work. help

Can anyone shed any light on this as I am having the same problem? One minute it works fine, the next you get the error message above.
Many thanks.

Audio is not working properly and battery is not lasting

audio is not working properly and battery is not lasting over 30 mins

Hello swampdonkey,
I see that you are having a problem with the sound and battery on the computer. I would like to help with this issue but I need some information.
Can you provide the model and product number of the computer? Here is a link that shows how to find that information.
↙-----------How do I give Kudos?| How do I mark a post as Solved? ----------------↓

Hello My ipads Power button is not working properly when I press it once it shows option to turn off instead of locking and some other display problems like it suddenly lockes down or display disappears ...Please help. Thank You

Hello My ipads Power button is not working properly when I press it once it shows option to turn off instead of locking and some other display problems like it suddenly lockes down or display disappears ...Please help. Thank You

Thanks for that information!
I'm sure I will be calling AppleCare, but the problem is, they charge for the phone calls don't they? Because I don't have money to be spending to be on the phone with a support service.
In other things, it seemed like the only time my MacBook was working was when I had Snow Leopard without the 10.6.8 update download that was supposed to be done to prepare for OS X Lion.
When I look at the information of my HD it says that I have 10.6.8 but that was the install that it claimed to have failed and caused me to restart resulting in all of the repeated problems.
Also, because my computer is currently down, and I've lost all files how would that effect the use of my iPhone? Because if it doesn't get fixed by the time OS 5 is released, how would I be able to upgrade?!

I had photoshop elements 8 installed on my previous computer and it did not work properly when it came to sizing photos for a website I was adding to. I now have a new computer which runs windows 7. Is it worth installing it again on my new computer?

I had photoshop elements 8 installed on my previous computer and it did not work properly when it came to sizing photos for a website I was adding to. I now have a new computer which runs windows 7. Is it worth installing photoshop elements 8 again on my new computer or will it be a waste of time?

I have PSEv.8 on my computer running WINDOWS 7. It works perfectly..
Perhaps you need help with saving files for web use.. Will be pleased to assist you when you get everything set up.

My Ipod touch does not work properly.When i charge it,it only works for 5 min.n gets discharge.I showed it to the apple store in banglore n the person told me its fine n It is working properly.Bt its not working properly.Can someone help

My Ipod touch does not work properly.When i charge it,it only works for 5 min.n gets discharge.I showed it to the apple store in banglore n the person told me its fine n It is working properly.Bt its not working properly.Can someone help

If after you charge it for about three hours and it only last about five minutes the battery is probably dead or there could be another hardware problem. I would go back to the Apple store and ask them specifically how can it be OK if the fully charged battery only lasts five minutes.

My macbook pro is not working properly , when is turned on after then show apple logo and continue show this or nothing.

my macbook pro is not working properly , when is turned on after then show apple logo and continue show this or nothing

Gray, Blue or White screen at boot, w/spinner/progress bar

I've an iphone 4, its headset jack is not working properly, when i insert the earphone no sound is coming, but when i keep the earphone little out i can hear the sound but very low sound is coming out, I've never dropped my iphone please help...

I've an iphone 4, its headset jack is not working properly, when i insert the earphone no sound is coming, but when i keep the earphone little out i can hear the sound but very low sound is coming out, I've never dropped my iphone please help...

bunjamin wrote:
There is now a new line in BBM that wasn't there before which covers the message that I am typing, so I can't actually see what I am typing.
Hi bunjamin,
just go to BlackBerry World, and update all your apps including BBM.
bunjamin wrote:
Every time I unlock my phone, my screen enlarges so I can't really see much on the hub/notification screen and it defaults to the hub which it didn't do before).
you can turn off the magnifying glass :
device settings >> accessibility >> magnify mode >> OFF
you can deactivate the "reset to Hub view" :
hub >> overflow (bottom right button) >> Settings >> Display and actions >> Return to Default View When Idle >> OFF
bunjamin wrote:
my ringtone is much softer than it was previously
yes, BlackBerry has acknowledged this bug in this article from the public knowledge base:
KB36755 After upgrading BlackBerry 10 OS to version 10.3.1 the volume for notifications is noticed to be significantly lower than in the previous version
The search box on top-right of this page is your true friend, and the public Knowledge Base too:

TS1630 My Iphone 4s reciever is not working properly, when i call someone from my iphone 4s. can any one help me how to solve this problem?

My Iphone 4s reciever is not working properly, when i call someone from my iphone 4s. can any one help me how to solve this problem?

You might like to define "not working properly".

Application does not work properly when I press a CommanButton

Hi all, I am having a problem with weblogic 10.3.5.
It turns out that an application built with JDeveloper 11.1.5, I test it, and everything goes well in the JDeveloper integrated Weblogic.
But when deploy in a standalone weblogic 10.3.5 server, the application does not work properly when I press a CommanButton to go to another page search (the property "action" is set correctly) , but nothing happens, stays in the same home page. Similarly when a commanButton link to run a task-flow, It do not work , however in the JDeveloper integrated Weblogic it runs correctly.
How I can solve these problems?
Thanks.

Thanks Frank for help us, but when I writing this comment we are doing at home. So, we going to test the page in a stand alone weblogic server 10.3.5. We wrote the URL as :
" http://<our ip>:7001/myApp/faces/index.jspx "
this application contains a report desing and compiled with iReport 4.5.1 ( last version in the moment ), we can see the report when I press a commanButton without any problem.
But now, we need try your suggestions in the office, and give you more information about it . Thanks for the moment.
In the Afternoon we gonna give you more information about it .

Flip Card Animation is not working properly when Button's PointOver State remain Activated.

I am facing problems with flip car animation which is not working properly when its mouse point over state remains activated but it works perfect when its tapped two times and instantly change pointer position. Kindly Help me out as soon as possible.
Code is here:
Xaml:
<Image Name="imgCapital" RenderTransformOrigin=".5,.5" Tag="1" Tapped="imgCapital_Tapped">
<Image.Projection>
<PlaneProjection RotationY="0"/>
</Image.Projection>
</Image>
<Image Name="imgSmall" RenderTransformOrigin=".5,.5" Tag="2" Opacity="1" Tapped="imgSmall_Tapped">
<Image.Projection>
<PlaneProjection RotationY="-90"/>
</Image.Projection>
</Image>
Storyboard:
<Storyboard x:Name="FlipOpen">
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationY)" Storyboard.TargetName="imgCapital">
<EasingDoubleKeyFrame KeyTime="0:0:0" Value="0"/>
<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="90"/>
</DoubleAnimationUsingKeyFrames>
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationY)" Storyboard.TargetName="imgSmall">
<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="-90"/>
<EasingDoubleKeyFrame KeyTime="0:0:0.8" Value="0"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
<Storyboard x:Name="FlipClose">
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationY)" Storyboard.TargetName="imgCapital">
<SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="90"/>
<SplineDoubleKeyFrame KeyTime="0:0:0.8" Value="0"/>
</DoubleAnimationUsingKeyFrames>
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationY)" Storyboard.TargetName="imgSmall">
<SplineDoubleKeyFrame KeyTime="0:0:0" Value="0"/>
<SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="-90"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>

Actually i simply want flip card animation which is not working here in my code. When i tapped button to invoke animation its behavior not exactly flipping. Its one side work properly but other collapsed suddenly not rotate if i keep mouse right at
the button, but if i change mouse pointer at that very time after tapping it works properly. Mouse Pointer Over mean screen points where i tapped.
Triggered Function is here:
private void btnChangCase_Tapped(object sender, TappedRoutedEventArgs e)
if(isCaseChanged==false)
isCaseChanged = true;
FlipOpen.Begin();
else if(isCaseChanged==true)
isCaseChanged = false;
FlipClose.Begin();

SWF file not working properly in Explorer

I have made a kind of slide show showing jpg images loaded
from the web in an swf file, and it will not work properly. It is
my first .swf application, and I am using the free downloadable
FlashObject.js to load the swf into the browser. The problem is
that it sometimes loads perfectly, while other times it will not
work at all! It is not the paths, because I have tried setting the
images in the same directory as the swf, and not importing the
image names thru flashVars. What drives me mad is that it works
consistently in Explorer, the first time I load it, and the first
time after I have cleared the temporary internet files. Otherwise
it will not load at all. In Firefox however, if randomly fails to
load about one time out of ten or something like that. The code is
compiled using the free downloadable compiler. Anyone have any idea
what may be wrong?

I may be late but better late then...
Not true
You can nest hundreds of layers as long as all symbols are graphics.
People try to use a Movie symbol and this is script executed.
I am animator on cartoon all done in flash and we have dozens or more NESTS!!!!
Eyes inside of head inside of Character in car on stage...
many
Trick to not crashing is in FLASH
Set publish settings to FLASH 8.
Never use FLASH 9 with Actionsscript 3... This adds a lot of instability.
1 of these swfs in a project could kill it.
I render SWF at 30fps at 1920x1080 then into AE, then scale down to SD wide screen resolution 720x480 16x9.. set scale to 45.5 x 44.5 percent.
I output final animation at Quicktime ANIMATION 100 millions of colors... 1.21 (16x9)audio added at 48k
I have hundreds of hours trying to make this work reliably and finally I got the mix.
Then I take QT to Premiere for final edit, audio and titles.
Good luck
NATMAX

No sound and audio device not working properly, T61 vista

I unistalled the audio device SoundMax integrated HD audio because I had problems getting the mic of my new webcam (Logitech pro 9000) to work. But after reinstalling the SoundMax audio driver the audio device is no longer working.
Installing the SoundMax driver doesn't report any problems and the device manger also says that the SoundMax integrated digital hd audio device is working properly. But the speaker icon on the taskbar is crossed out. When hovering the mouse over the speaker icon it says Volume: 0 SoundMax integrated digital hd audio. When opening the Volume Mixer it says "No audio decivice is installed"...
I've completly removed all drivers and reinstalling several times but I cannot get it to work so I really need some help now.
All software + drivers regarging the webcam has been completly removed.
System data:
T61, Vista business
Audio chip seems to be a Analog Devices 1984
SoundMax driver version 6.10.1.5510 (latest available from lenovo)

Really silly bug, but there are times with the T series laptops, specifically the T61s that seem to not project the sound through the speakers and the way to fix it is to just keep hitting the silver volume buttons up by your power button on the actual laptop. This may or may not work for you, but I literally just got done with this on a T61 running a fresh installation of XP. The buttons on the lenovo itself control the direct signal input and do a very poor job with integrating with Windows Vista and XP.
Let me know if that works for you.

Image display control scrolling does not work properly when zoomed in

I am using a ROI on an image in the image display control. When zooming into the image to fine-adjust the positioning of the ROI, the image scrolling does not work properly. As far as I understand, the image should scroll automatically when the ROI is leaving the visible area. However, the scrolling behaviour seems to depend on the origin of the Labview panel, not the origin of the image display control, which might require to move the ROI way out of the visible area before the scrolling takes place. In other words: the coordinate system of the image display control is shifted with respect to the true visible image area, depending on where you place it on the front panel. As a consequence, when clicking on a ROI which is in the visible area, but is outside of what Labview thinks is the visible area, it might immediately jump to the left border of the image, making the positioning of the ROI really difficult.
Has anyone noticed this behaviour, and what would be a reliable solution to avoid this?
Dirk

Hello,
no, I am not talking about the tools palette. Just place an image control with some image in it on a new VI front panel. Then, use the rectangle from the tools and select a ROI in the image. If you zoom in (using the magnification glass), and then grab the ROI and move it around, the image scroll with the ROI. So far, so good. If you now place the image control elsewhere on the panel, or add new control above it, resize the panel, etc. , this scrolling when moving the ROI will not work correctly if the origin (0,0) of the panel is far away from the image control.
I have attached a VI for simplicity (although there is hardly any code in it).
If you make a ROI and try to move it down, you will notice that scrolling starts if you move the mouse out to about 10cms below the image (depens on your screen, of course). After that, if you click on the ROI, the scroll bars and ROI might jump up to the upper end of the image. Imagine how annoying this is if you try to finely adjust the ROI position.
I think it is a bug in the implementation of the image display control.
Thanks,
Dirk
Attachments:
scrolling.vi ‏818 KB

Imported HTML 5 audio file, not working properly when uploaded.

Similar Messages

Maybe you are looking for