Viewing Audio mp3 player issue
Audio mp3 player issue
|
User: Dan G. 11 years ago
|
|
|
I am having a small problem with the Audio widget and the 3rd party Audio mp3 widgets. They look and work fine when I preview my site but once I published the site, the triangle play/pause/stop button is not visible. The area is black but if you click there, the audio does pause/play. The button is there, functions but cannot be seen??? The results are the same when viewing in IE11, Safari, Chrome, and Firefox. Does any one know how to fix this? My site is http://DanGriffithMusic.com I have place a little yellow line below the button to give some indication that it is there. Thanks My best Dan |
|
|
User: Roddy 11 years ago
|
|
|
First, try dragging the player away from the surrounding objects and check it in the browser to see if the button appears. Then try deleting the items around the player - one by one - and preview every time you remove one to see which item is causing this. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Dan G. 11 years ago
|
|
| Thanks for the reply Roddy. That was my first thought. To double check, I tried it again, removing the the black box I had placed around the mp3 player and also removing the page background. That did not help. It play/pause button still cannot be seen on a published page but like before it is fine in Preview mode. The blue song progress bar, the white volume bar, and the elapsed time and track time all appear fine, only the play/pause is missing | |
|
User: Roddy 11 years ago
|
|
|
Try inserting the player on a test to see if it works OK.
------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Jumbo T. 11 years ago
|
|
|
My guess is that the server is not configured correctly to serve svg (Scalable Vector Graphics) files. This should display icons, not code : http://www.dangriffithmusic.com/ew_css/controls.svg Have a look : http://www.everwebcodebox.com/widgetbox/ew_css/controls.svg |
|
|
User: Roddy 11 years ago
|
|
|
@ Jumbo T: The OP said in his first post that he had tried the EverWeb default MP3 player. This does include the fallback to PNG. @ Dan G: Can you let us know whether or not the controls appear when using the EverWeb default audio widget? ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Jumbo T. 11 years ago
|
|
|
I compared the code of the MP3 player in the page with the code of the MP3 player that is part of EW and noticed that EW does not provide the startvolume setting and loop. So it must be your widget that's used. I also downloaded the page with the assets and played it on my mac. The controls were visible. When I added the BASE meta tag to get the assets from the server the controls were not visible. There's nothing wrong with the svg file, so my conclusion is that it is the MIME setting at the server. Last edit 11 years ago |
|
|
User: James G. 11 years ago
|
|
|
I never messed with audio on a page. I read this and started messing with it. I kept having issues with how it is displayed, and still do. I have not read anything about using them. I simply dragged each widget to the page and set a track to them. In EW they look perfect. Once published, they do not. I am getting multiple Play/Pause buttons, but only original works. When you hit Play, the Pause comes up above where the Play was. I am not planning on audio for a site, just threw them on a page and got the results I got. mvgoogle |
|
|
User: Roddy 11 years ago
|
|
|
@ Jumbo T. : I am well aware of the fact that the OP is using one of my widgets but, if you read his original post,you will note that he says he had the same problem with the EverWeb one which does include the fallback controls file. If the problem is with his server configuration, the default one should still work. This is why I asked him to confirm what he said before speculating what the problem is. @ Jim G. : Most of the emails I get from those who have problems with widgets are a result of them not reading - or understanding - the instructions. Every widget pack contains an instruction sheet which asks them to refer to the appropriate page of the site. In the case of the audio widgets, they are encouraged not to use different player types on the same page. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Jumbo T. 11 years ago
|
|
|
There is no problem with fallbacks. http://mvgoogle.com/ uses a png for the controls : http://mvgoogle.com/ew_css/controls.png not a svg file, which displays correctly if you load it manually : http://mvgoogle.com/ew_css/controls.svg I do not know why one player use .png and the other player uses .svg. But if the browser in good faith loads the .svg file, but cannot display it, then there's no fallback. As I explained, I downloaded all the assets and the page displayed correctly. When I add this, the controls do not display. <base href="http://DanGriffithMusic.com/"> I keep repeating myself. |
|
|
User: Jumbo T. 11 years ago
|
|
|
Here's the result when you get the HTTP Headers in the Terminal.app This is the correct Content-Type : curl -I http://mvgoogle.com/ew_css/controls.svg HTTP/1.1 200 OK Date: Thu, 08 Jan 2015 14:02:38 GMT Server: Apache Last-Modified: Tue, 06 Jan 2015 22:22:25 GMT Accept-Ranges: bytes Content-Length: 10344 Vary: Accept-Encoding Content-Type: image/svg+xml This is the wrong Content-Type : curl -I http://dangriffithmusic.com/ew_css/controls.svg HTTP/1.1 200 OK Date: Thu, 08 Jan 2015 14:02:58 GMT Server: Apache Last-Modified: Mon, 05 Jan 2015 19:14:21 GMT ETag: "16cbf3e-2868-50bec7f67e3c0" Accept-Ranges: bytes Content-Length: 10344 Content-Type: text/plain |
|
| Post Reply |
| You must login or signup to post. |