CodingAutoplaying m4a audio on mobiles

 

Press Ctrl+Enter to quickly submit your post
Quick Reply  
 
 
  
 From:  Matt  
 To:  Manthorp      
38369.14 In reply to 38369.13 
Excellent. The audio works fine for me on Android 2.3.3. Do you have Flash installed on the phone?

To center the audio controls you should be able to move the closing </div> from after the <img /> tag and put it after the closing </audio>.

Edit: You need to go and get the Word Press Audio Player from my previous post and upload it so the audio-player.js, player.swf other files are located in soundgems.co.uk/audio-player/

doohicky

0/0
 Reply   Quote More 

 From:  Peter (BOUGHTONP)  
 To:  Matt     
38369.15 In reply to 38369.14 
Works for me on Android 2.3.1

According to the Market, I do not have Flash Player 10.2 installed.


Steve: Your audio file is BORING! :@
0/0
 Reply   Quote More 

 From:  Manthorp   
 To:  Matt     
38369.16 In reply to 38369.14 
Thanks again, Matt. I had to specify the sub-folder audio-player/assets that the executables had been installed to by the default installation. That seems to have sorted it, though if as many of the possie as possible could try the attached QR Code, my gratitude would know none of Greg's bounds.

The player bar has disappeared from my android display (which is good) but is now to the right of the display in my pc browsers. Bizarrely, in Chrome, the player bar is going backwards. Amended code below.

code:
<!DOCTYPE html>
<head>
<title>Soundgems</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<script type="text/javascript" src="/audio-player/assets/audio-player.js"></script>
<script type="text/javascript">
    AudioPlayer.setup("/audio-player/assets/player.swf", {
        width: 1,
        initialvolume: 100,
        transparentpagebg: "yes",
        left: "000000",
        lefticon: "FFFFFF"
    });
</script>
</head>
<body>
<div align="center">
  <img src="/soundgemimages/soundgemsimage1.gif" width="480" height="480" title="" alt="" />
<audio controls="false" preload="auto" autobuffer autoplay id="audioplayer">
  <source src="/audio/soundgems1.m4a" />
  <script type="text/javascript">
    var audio_player = document.createElement('audio');
    if (!audio_player.canPlayType || !audio_player.canPlayType('audio/mp4')) {
        AudioPlayer.embed("audioplayer", {
            soundFile: "/audio/soundgems1.mp3",
            autostart: "yes",
            loop: "no",
            animation: "no",
            transparentpagebg: "yes"
        });
    }
  </script>
</audio>
</div>
</body>
</html>

"We all have flaws, and mine is being wicked."
James Thurber, The Thirteen Clocks 1951

Attachments:

0/0
 Reply   Quote More 

 From:  Manthorp   
 To:  Peter (BOUGHTONP)     
38369.17 In reply to 38369.15 
What do you mean, BeeP? There are women who would spontaneously conceive at the sound of me saying 'soundgems 1' If you'd rather, I have four other sample files uploaded, ranging from 'soundgems 2' to 'soundgems 5'.

Actually the real files will be rather groovy. GreyHair & have been commissioned to do a piece of work for the Northwest Sound Archive. We're creating pocket money-priced jewellery for the museum shop with QR Codes laser-etched onto wood (image attached), which open files from the collections.

"We all have flaws, and mine is being wicked."
James Thurber, The Thirteen Clocks 1951

Attachments:

0/0
 Reply   Quote More 

 From:  patch  
 To:  Manthorp      
38369.18 In reply to 38369.16 
Works fine on the stock browser on Android 2.2. And Firefox 4.0 on my PC too, incidentally. No player bar to be seen.
0/0
 Reply   Quote More 

 From:  Manthorp   
 To:  patch     
38369.19 In reply to 38369.18 
Ta Patchy Indian.

"We all have flaws, and mine is being wicked."
James Thurber, The Thirteen Clocks 1951

0/0
 Reply   Quote More 

 From:  Peter (BOUGHTONP)  
 To:  Manthorp      
38369.20 In reply to 38369.17 
But you're not - you're saying "sound,gems,won" in almost a monotonous/computerised way. No woman has conceived from a SatNav. :P

Are those actual examples or proof of concepts? I'm certainly not a jewelry expert, but I thought people liked fancy shapes?
I do like the idea though.

Oh, and on #16 it works with autoplay, but visible controls on right. (last time they were below, if that's relevant)
0/0
 Reply   Quote More 

 From:  Manthorp   
 To:  Peter (BOUGHTONP)     
38369.21 In reply to 38369.20 
I will bow to your wisdom on all manner of subjects, but women & lerrrrrve...

Bear in mind that these are pitched squarely at museum shop clientele & we've market tested these - there's definitely a market for this stuff at the under-a-fiver end.

"We all have flaws, and mine is being wicked."
James Thurber, The Thirteen Clocks 1951

0/0
 Reply   Quote More 

 From:  Manthorp   
 To:  Matt     
38369.22 In reply to 38369.14 
Sorry, Matt (or any other web-knitters), one last question: I've got the player bar centred now and it's working on a wide range of different phones. The sound file starts automatically on Android, and needs to be clicked on iPhone (everything I've read about iPhone says that this is unavoidable). However, the play button on the page is very small on the iPhone. Is there a way I can I biggerize it?

Current state of code:

code:
<!DOCTYPE html>
<head>
<title>Soundgems</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<script type="text/javascript" src="/audio-player/assets/audio-player.js"></script>
<script type="text/javascript">
    AudioPlayer.setup("/audio-player/assets/player.swf", {
        width: 1,
        initialvolume: 100,
        transparentpagebg: "yes",
        left: "000000",
        lefticon: "FFFFFF"
    });
</script>
</head>
<body>
<div align="center">
  <img src="/soundgemimages/soundgemsimage1.gif" width="480" height="480" title="" alt="" />
</div>
<div align="center">
<audio controls="false" preload="auto" autobuffer autoplay id="audioplayer">
  <source src="/audio/soundgems1.m4a" />
  <script type="text/javascript">
    var audio_player = document.createElement('audio');
    if (!audio_player.canPlayType || !audio_player.canPlayType('audio/mp4')) {
        AudioPlayer.embed("audioplayer", {
            soundFile: "/audio/soundgems1.mp3",
            autostart: "yes",
            loop: "no",
            animation: "no",
            transparentpagebg: "yes"
        });
    }
  </script>
</audio>
</div>
</body>
</html>


PS. Same URL as before, http://www.soundgems.co.uk/soundgems1.htm (you can use the QR Code I attached to a previous post) and yes, BeeP, it's the same soundfile & image as before.

"We all have flaws, and mine is being wicked."
James Thurber, The Thirteen Clocks 1951

0/0
 Reply   Quote More 

 From:  Matt  
 To:  Manthorp      
38369.23 In reply to 38369.22 
Probably just line 8 of the code, where it says "width: 1,". Make the number bigger and see what it looks like.

doohicky

0/0
 Reply   Quote More 

 From:  koswix  
 To:  Manthorp      
38369.24 In reply to 38369.22 
Doesn't work on Android if you have plugins (i.e. flash) set to on demand.


GIVE ME EYERON OR! :@ msg:38140.1
0/0
 Reply   Quote More 

 From:  Manthorp   
 To:  koswix     
38369.25 In reply to 38369.24 
Well don't have it set on demand then, you nuisance.

It's bloody hard enough getting this fucking thing working without grumpy Turing machines mithering that I sound robotic and mardy Scotch Onionistas deliberately setting obstacles in my way.

"We all have flaws, and mine is being wicked."
James Thurber, The Thirteen Clocks 1951

0/0
 Reply   Quote More 

 From:  koswix  
 To:  Manthorp      
38369.26 In reply to 38369.25 

Yeah, probably but you might want to make a note in the help/faq/whatever you may or may not plan on having.

 

And I'd change it from on demand to enabeld, except the BBC news site causes it to crash to the desktop on certain pages with it turned on :(



GIVE ME EYERON OR! :@ msg:38140.1
0/0
 Reply   Quote More 

Reply to All    
 

1–20  21–26

Rate my interest:

Adjust text size : Smaller 10 Larger

Beehive Forum 1.5.2 |  FAQ |  Docs |  Support |  Donate! ©2002 - 2024 Project Beehive Forum

Forum Stats