Okay
  Public Ticket #1488747
Audio layer problems
Closed

Comments

  • edhanimation started the conversation

    I have a 2 slides in a slider. Each one has an audio layer. The slider is setup as a popup, with autoplay. 

    The sound works fine on Chrome Desktop and Safari Desktop (when the browser preference is set to allow autoplay of sound). 

    The popup runs on Chrome Android but no sound plays unless you tap on the slide while the popup slider is running. 

    In the audio layer I have tried changing settings for "controls" and "autoplay" and "volume" but no effect. 

    I have setup four sources for the audio, so my audio layers look like this: 

    <audio preload="metadata" nocontrols>
    <source src="/wp-content/uploads/2018/03/audioa.ogg" type="audio/ogg">
    <source src="/wp-content/uploads/2018/03/audioa.m4a" type="audio/mp4">
    <source src="/wp-content/uploads/2018/03/audioa.mp3" type="audio/mp3">
    <source src="/wp-content/uploads/2018/03/audioa.wav" type="audio/wav">
    </audio>

    It looks like mobile browsers block autoplay? What would be the work around?

    =====

    Btw, you have a bug when selecting multiple audio sources from the Media Library. When I first selected the 4 audio files for the audio layer, the code came out as: 

    <audio preload="metadata" nocontrols>
    <source src="/wp-content/uploads/2018/03/audioa.ogg" type="audio/ogg">
    <source src="/wp-content/uploads/2018/03/qaudioa.m4a" type="audio/ogg">
    <source src="/wp-content/uploads/2018/03/audioa.mp3" type="audio/ogg">
    <source src="/wp-content/uploads/2018/03/audioa.wav" type="audio/ogg">
    </audio>



  • [deleted] replied

    Hello edhanimation,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    Unfortunately the media displays are quite limited on mobile browsers. Due to certain mobile browser restrictions, the autoplay will not work so your audios/videos won't start automatically, so it will not provide the same effect as it does on desktop.

    Thank you for the bug report. We will check on it.

  • edhanimation replied

    I came to same conclusion about the mobile issues… does not seem to be any easy work around … 

    ====

    the bug is that the same type is set for different audio. So, in the example code, everything is set to 'ogg' …