-
PROBLEM WITH XARA 19 AND MOBILE VERSION
Hi guys, ive been using xara for years, i run a couple of online radio stations called funkymonkey.fm & funkymonkey.radio, ive only got back into it after 6 years of due to cancer (cancer free 4 years :) ) with the main site i have a player for the stream and a plugin for whatever mix or dj is playing, when i upload that it all works fine, but the moment i add a mobile version and upload both, suddenly not only does the player stop working on the main site, it stops on the mobile one as well, so i have to go back and revers it to before i add mobile site, its really annoying as the mobile version is really important for the station as prob 80% of listeners use there phones, we have a chatroom as well, so without the mobile version , its useless, ive tried to just design a mobile version , but you cant do that, maybe if i export the files and upload via filezilla, its just weird, ive tried reducing evything in the mobile version, b ut it makes no differance, as soon as i add a mobile version it messes both versions up ??? been at it for a week now trying everything.
thanks
Sean Sullivan
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
Sean, good to hear you are keeping healthy.
From what I have checked fm.fm is not a Xara site. It is adaptive and if it works at one width, it will work at all.
fm.radio is a Xara site. It currently has one page.
It does not need a Variant.
Instead, make the page monkey image and set that to Sticky, Full Width, Tile.
Next set the page to Scale to fit width, choosing the minimum width.
When you view on a phone you will just see one monkey image and the links.
Larger windows and you get all the monkeys you can feed with peanuts, all with the same player links.
Acorn
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
Thanks for reply dude, that didn't work, it just messed up all my icons, so ive reverted back to previous, the front page is fine on PC, but all my icons on bottom have vanished on chat screen, for a moment with some settings changed in the sticky the mobile was showing full screen on front but not on mobile, so ive reverted back to original file, and the mobile version has gone to small on mobile and all my buttons have vanished on chat on both PC and mobile, tried deleting icons from chat and just repeating on all screens, but still no icons on chat on both PC and mobile, is there any way of just adding a mobile version and exporting the files to there receptive folders,
thanks sean
-
7 Attachment(s)
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
this is how it looks on pc, as i want it, exept now the buttons have vanished from from chat screen ??
Attachment 134621
Attachment 134622
Attachment 134623
the mobile version used to look like this
Attachment 134624
Attachment 134625
now it looks like this
Attachment 134626
Attachment 134627
when i add a mobile varient, both the player and the player cover plugins stop working on both PC and mobile
can anyone tell me how to at lease get back to first image where the mobile was at least full page on first page
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
Quote:
Originally Posted by
funkymonkey
Thanks for reply dude, that didn't work, it just messed up all my icons, so ive reverted back to previous, the front page is fine on PC, but all my icons on bottom have vanished on chat screen, for a moment with some settings changed in the sticky the mobile was showing full screen on front but not on mobile, so ive reverted back to original file, and the mobile version has gone to small on mobile and all my buttons have vanished on chat on both PC and mobile, tried deleting icons from chat and just repeating on all screens, but still no icons on chat on both PC and mobile, is there any way of just adding a mobile version and exporting the files to there receptive folders,
thanks sean
Sean, short answer is no. Without any offer of your design file, no one can do anything.
For things to just stop, the code is probably using the id across Main and Variant. In HTML only the item with an id will be found. Why both are not appearing is peculiar. The more you poke it, the less we can guess.
Acorn
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
I have no problem with supplying my design file how do i do that, that would be great if you could look. ?
I have found this https://www.youtube.com/watch?v=BjqxkXUXNgI
and put a folder called m in my public_html folder and uploaded a mobile size site with this code in the header, but its still not showing
<script type="text/javascript">
<!--
if(screen.width <=699{
document.location = "http://www.funkymonkey.fm/m";
}
//-->
</script>
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
Quote:
Originally Posted by
funkymonkey
I have no problem with supplying my design file how do i do that, that would be great if you could look. ?
I have found this
https://www.youtube.com/watch?v=BjqxkXUXNgI
and put a folder called m in my public_html folder and uploaded a mobile size site with this code in the header, but its still not showing
<script type="text/javascript">
<!--
if(screen.width <=699{
document.location = "http://www.funkymonkey.fm/m";
}
//-->
</script>
Sean, click Reply then the Go Advanced button.
The toolbar then shows a paperclip Attachments button.
Click that and pick your design file.
Acorn
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
Quote:
Originally Posted by
funkymonkey
is that better
Not really, I want your design file (.XAR / .WEB).
Acorn
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
will delete when you've copied address and move folder if you've changed anything :)
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
Quote:
Originally Posted by
funkymonkey
will delete when you've copied address and move folder if you've changed anything :)
Go ahead. It's of no use at present.
Acorn
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
-
2 Attachment(s)
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
i had to take the mobile variant off the main site, as when i added it, both the player and mix cover plugins stopped working, i have a .fm and .radio. but all i do is upload the same site to both hosting packages with same host
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
yes you have sorry missed the post id sent lol
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
I am only going to look at and comment on the 18-7 design file.
Basically, it's a dog's dinner.
It takes over 15 seconds for it to fully crash.
I suspect the calls to https://fra-pioneer08.dedicateware.com:1290 are the issue.
Your Player links are mostly off the bottom of the page. This is bad practice as one day them will be moved off during a change and go missing.
The Chat Room Players are missing because your lost the </iframe> Tag in the Placeholder.
I got that to work but found the 700x800px size too big for the page when I brought your Player links into the page fully. 600x700 seems to be fine.
The FM graphic, the title and small badge are not centred.
Do not repeat the FM graphic.
The central Player is missing <style> Tags around the <link> Tags.
The jQuery call is blocked by the browser's cross-site security. It would be better replacing with Xara's special UsesJQuery Name.
All the code is in the wrong place.
JS calls should be in the Website/Page Body.
CSS in the Website/Page Head.
HTML for the player in the Placeholder.
The current Page Head code has been split through its source path.
I cannot really help more as until you can get the Placeholders individually to work, there is no point in improving the rest.
I fear the player code is quite old as suggested by the use of Modernizr.
Again, by deleting all but the one FM image and making it Tile Stretch and Repeat on all pages, it makes the design simpler.
Then by Scaling to fit width: 860, the reduction of the page width down will cover what you were trying to do with adding a Mobile page. Again, far simpler.
If you want further help, we have to have a design that you know works.
Acorn
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
Quote:
Originally Posted by
Acorn
I am only going to look at and comment on the 18-7 design file.
Basically, it's a dog's dinner.
It takes over 15 seconds for it to fully crash.
I suspect the calls to
https://fra-pioneer08.dedicateware.com:1290 are the issue.
Your Player links are mostly off the bottom of the page. This is bad practice as one day them will be moved off during a change and go missing.
The Chat Room Players are missing because your lost the </iframe> Tag in the Placeholder.
I got that to work but found the 700x800px size too big for the page when I brought your Player links into the page fully. 600x700 seems to be fine.
The FM graphic, the title and small badge are not centred.
Do not repeat the FM graphic.
The central Player is missing <style> Tags around the <link> Tags.
The jQuery call is blocked by the browser's cross-site security. It would be better replacing with Xara's special UsesJQuery Name.
All the code is in the wrong place.
JS calls should be in the Website/Page Body.
CSS in the Website/Page Head.
HTML for the player in the Placeholder.
The current Page Head code has been split through its source path.
I cannot really help more as until you can get the Placeholders individually to work, there is no point in improving the rest.
I fear the player code is quite old as suggested by the use of Modernizr.
Again, by deleting all but the one FM image and making it Tile Stretch and Repeat on all pages, it makes the design simpler.
Then by Scaling to fit width: 860, the reduction of the page width down will cover what you were trying to do with adding a Mobile page. Again, far simpler.
If you want further help, we have to have a design that you know works.
Acorn
Hi thanks for looking at it, I have no problems losing the fm image(logo at top or the text, the player and mix cover works fine on the web, and autoplays, it never crashes, only when I add mobile, I have no problems move the player links as thete only there in the rare occasion someone can't tune in, the player won't auto play on mobiles, but does work, when you press play on the player, the links at the bottom can go anywhere, , it's just the size on the mobile that's the issue, I just need it to fill the screen. The player is issued by the streaming service and you cat resize that or the album cover as there pre set, you can get a large and smaller player, can you help me fix it, I'm unemployed due to sickness, and we all do it for free it's a hobby, so I can't afford much, but anything you can do do help, would be much appreciated ❤️
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
I could pay you £30 if you can fix just the mobile version if poss please dude
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
How about having a separate, dedicated player page. Then simply have 2 iframe placeholders, one on main, one on mobile showing the player page?
I don't have that system set up now, but I had the same thing running for a DJ a year or so ago.
I haven't thought about the chat page yet.
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
Quote:
Originally Posted by
funkymonkey
I could pay you £30 if you can fix just the mobile version if poss please dude
I truly have tried to work through how your site is constructed and I cannot unravel any of it to be of much use for you and could not get anywhere with a mobile addition.
I am not able to see any working part of https://funkymonkey.radio. I wait for all of your JS to time out, the jQuery library fails to load and the RTPlayer cannot be invoked.
If that is just my browser then sorry.
Acorn
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
I haven't done anything with the background or anything like that, but does this work for you? Try both desktop and mobile.
>>> index (auzlink.net.au) <<<
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
Yes that works, but all the buttons from bottom aren't showing?
-
2 Attachment(s)
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
Quote:
Originally Posted by
funkymonkey
Yes that works, but all the buttons from bottom aren't showing?
That's because all I did was use the Funky Monkey image. I didn't bother with the players or the chat page. This was just to ask if you want to go down the single, separate player route. We can add more bits and pretty it up, but that would have been a waste of time if you didn't like the idea of a single player page.
So, the big question is, do you want me to move ahead with this method? More than happy to do so, I like a bit of Trance, although I normally go a little harder. Ferry Corsten's Gouryella is my go-to Trance wise.
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
Curiosity had the better of me here; if you take the audio stream itself then you don't need a variant and can start with a simple audio tag: https://initiostar.co.uk/demo/audio_...dioplayer.html. I haven't, but one could add audio control buttons as we've done in the past. I changed the file name to something other than index, so this becomes an audio plugin to any another website and it would work in both a desktop and variant; it deploys Scale-to-fit-Width. Works well on my mobile, but it needs some audio controls to make it easier to use.
The widget ID is no doubt one of the issues, so maybe a look at Acorn's solution for variants: https://www.talkgraphics.com/showthr...890#post644890
I did try to add the Chat widget; this throws up countless errors though it did work in isolation. I guessing here but the code for all this originates here: https://fra-pioneer08.dedicateware.com:1290/login
Interesting while it lasted and I did listen for a while too.
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
Yes it looks good what you did, I don't have a problem with the main website as it all works fine on differant browsers, it was just the player links are just for people to tune in if the player doesn't play, the website opens fine auto plays when it loads, the chat is vital to the station as when there's a live dj plai g, he can gicmve shout outs, if you can sort the mobile version out with the button + the chat button, that be great, will bung you for it
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
I've incorporated the chat and added the buttons. The monkey has gone looking for bananas, I'm afraid, but it was getting a little 'fussy'.
Obviously, you could alter anything you want to, of course.
>>>index (auzlink.net.au) <<<
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
Lol the monkey can what the feck he likes, lol, will open up the file when I'm home in half an hour, all I can afford to pay you is £30 as I'm unemployed at the moment, due to sickness, but I will be using you again, my email is sean@webmonkeys.co for you to send the files, what's your paypal email so I can send the money, I'm really gratefull for this dude, thanks a bunch
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
Your money is yours. If you break it down, all I did was know that you could have one player service two pages. The actual creation of the page is less than I would do as a mock-up for a customer, who may well say 'thanks, but we're going with Kevin down the road.'
I'll email the project file, which is a .xar, and I think you work with .web. Something tells me there's a way to open it. Maybe someone can chime in and let us know?
I will write a 'what-I-did' for anyone else who may want to know.
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
Both .XAR and .WEB should open automatically in xara apps, should not be a problem: just re-save as .WEB if preferred
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
Quote:
Originally Posted by
handrawn
Both .XAR and .WEB should open automatically in xara apps, should not be a problem: just re-save as .WEB if preferred
As complicated as that eh?
Because I made the pages in a newer version of Designer Pro, you'll also get an end of the world warning, carry on anyway and the program will go, 'Oh, maybe not after all. Carry on.'
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
afaik, acorn may know better, there is absolutely no difference to the likes of you and me; it is just a way of catagorising your saved projects between web and non-web on disk
-
1 Attachment(s)
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
The chat site is just a single page with the code in the HTML Code Body, and the page size set to 480 x 550, but the size can be anything you want.
The player site is also a single page, but with 2 palceholders with their code in the placeholders HTML Code Body section.
Publish, or export and FTP the folders to the same directory as you publish your main site to [pic 1]
On your main site project file, arrange the placeholders where you want your player and chat window to appear. Change the URL in the placeholders HTML Code Body section to the path you uploaded the Player and Chat folders to. Make any cosmetic alterations you want to on the main and mobile variants, then publish the site.
Someone could probably clean the code up, but it works as it is. The iframe code should someone want to tweak.
Code:
<iframe src="https://URL/fmplayer/"
width="100%" height="100%"
frameborder="0"
scrolling="no"
name="player" >
<p>Your browser does not support iframes.</p>
</iframe>
Attachment 134641
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
No, mate. Long as I can open the file and upload the files to my hosting and it all works, I want to give you a drink, let me just see if I can upload the files, have you emailed them to me ???
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
Yep, emailed a while ago. You should have them by now.
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
right , as it s not want i wanted design wise, it still looks good, problems i have (from you link is it wont auto play even when i change settings in crowser to auto play, and i cant access the chatroom, this may change when i upload to server , let me try
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
ps is there any way of having the chatroom open in a differant page, ie open in a differant window without the player, as that would already being played in first window
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
Make sure you have changed the paths in the placeholders to point to wherever it is you are uploading to. The design is up to you. Your original ask was for the player to work in both variants.
-
Re: PROBLEM WITH XARA 19 AND MOBILE VERSION
Quote:
Originally Posted by
funkymonkey
ps is there any way of having the chatroom open in a differant page, ie open in a differant window without the player, as that would already being played in first window
Edit the design to however you want it. As long as the placeholders have the correct paths, they will work.