Using the Sound FX action I have a “click-to-listen” html item. Works fine on OSX, but I can’t for the best of me make it work on iPads etc.
And if I just make an ordinary link to the mp3 file a player pops up, which I don’t want; just a simple click for music to start is the ultimate; no player, no nothing, just soothing music in the background, if people so wish.
I don’t think that this is possible without invoking the overlay player. iOS is set up differently than desktop browsers, and the sort of thing you’re after here is not directly possible, unless I am mistaken.
Walter
On Jul 27, 2015, at 4:58 AM, Jon H email@hidden wrote:
Nobody can help a man in need?
Perhaps I wasn’t clear enough. I’ll try again: Music to play without a visible player. Just a click or hover on an item on/off.
With the Sound FX action I’m using this functions on Firefox, Safari etc on OSX, but not on iOS, or safari and explorer etc on windows.
It is a little sad, though, that there is no way to let people themselves choose wether to have background sounds or not in other ways than with an audio player. I just think these players can be so intrusive to the design of a page.
I used Hype to make buttons that would trigger the music, or turn it off. I then exported these files and put them in an iFrame on the page. And the great things is, it works on most platforms.
But that resulted in a new problem: After trying and failing in different ways, I just couldn’t get the iFrame centered in all screen sizes.
Is there somebody out there that can give me some advice? I also tried to use a markup item, but unfortunately it became a little too complicated with the coding.
An iframe tag is usually display:inline by default. If you want to center it, try adding display:block or display:inline-block to its style definition.
Walter
On Aug 4, 2015, at 9:18 AM, Jon H email@hidden wrote:
Problem solved. Or sort of.
I used Hype to make buttons that would trigger the music, or turn it off. I then exported these files and put them in an iFrame on the page. And the great things is, it works on most platforms.
But that resulted in a new problem: After trying and failing in different ways, I just couldn’t get the iFrame centered in all screen sizes.
Is there somebody out there that can give me some advice? I also tried to use a markup item, but unfortunately it became a little too complicated with the coding.
Problem 1, ugly looking audio players: Solved. See earlier posting.
Problem 2, centering an iframe at all break points down the line. Solved. The simplest solution is often the best. I put the iframe in a wrapper and set the paragraph style to middle, and it obeys my slightest wink.