Welcome to TalkGraphics.com
Results 1 to 6 of 6
  1. #1
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,814

    Lightbulb Audio Player Design

    These are my thoughts on the construction of a simple Audio Player that works across Variants and has a bit more oomph than the Xara-generated one.

    This approach embeds the MP3 into the Xara .XAR / .WEB file directly, which makes it easier for collating all the assets into one file but the file size can therefore grow quite large.

    CSS JS - Alternative to Xara Audio Player.xar

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  2. #2
    Join Date
    Apr 2018
    Location
    Barnes, London
    Posts
    952

    Default Re: Audio Player Design

    Great idea Acorn,

    I will give it a test drive.

    One question: you are using Pro+ now - I have stayed put with v17 (for all the reasons I and others have documented in the Pro vs Pro+ threads).

    When I open the .XAR, I receive the now familiar warning: From my tests with Pro+ Beta1 and Beta2, I am assuming I can ignore the warning message on this occasion?

    Click image for larger version. 

Name:	Pro+ Warning.PNG 
Views:	99 
Size:	41.9 KB 
ID:	127260

    Thanks,

    Gary

  3. #3
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,814

    Default Re: Audio Player Design

    Quote Originally Posted by Initiostar View Post
    Great idea Acorn,

    I will give it a test drive.

    One question: you are using Pro+ now - I have stayed put with v17 (for all the reasons I and others have documented in the Pro vs Pro+ threads).
    When I open the .XAR, I receive the now familiar warning: From my tests with Pro+ Beta1 and Beta2, I am assuming I can ignore the warning message on this occasion?
    Click image for larger version. 

Name:	Pro+ Warning.PNG 
Views:	99 
Size:	41.9 KB 
ID:	127260
    Thanks,
    Gary
    It is simply reporting the Xara version number is newer.
    Resave and nothing else changes.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  4. #4

    Default Re: Audio Player Design

    Hi Acorn, thank you for sharing, it's nice and I like the moving effect. But I can't understand the scaling. I change the dimension of the place holder but the player is always truncate in the preview and when I preview in Google the scale is good bit the skin change.

  5. #5
    Join Date
    Dec 2006
    Location
    Melfort, Saskatchewan Canada
    Posts
    1,013

    Default Re: Audio Player Design

    @acorn. My apologies Acorn for resurrecting this thread. I'm going to use the simple player that you posted above, rather than the much larger and complex one posted a short time ago. I really need something quick and easy.

    One question - where do I place the mp3 file once I have the code in my placeholder. I do not enjoy the drag n' drop that Xara supplies. Thank you very much for answering.
    -Bill
    Bill Wood
    Charity Web Design
    XARA Pro+. WD17, Designer 17. Premium packages.

  6. #6
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,814

    Default Re: Audio Player Design

    Quote Originally Posted by bwood View Post
    @acorn. My apologies Acorn for resurrecting this thread. I'm going to use the simple player that you posted above, rather than the much larger and complex one posted a short time ago. I really need something quick and easy.
    One question - where do I place the mp3 file once I have the code in my placeholder. I do not enjoy the drag n' drop that Xara supplies. Thank you very much for answering.
    -Bill
    Bill, I placed all the Design Notes in the Variant in a special layer.

    In using Ctrl+Alt+Shift+A, you don't place the MP3 anywhere, the action stores it safe until you save and publish.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •