ICEfaces
  1. ICEfaces
  2. ICE-9931

ace:audioPlayer issues (iPhone/iOS)

    Details

    • Assignee Priority:
      P2

      Description

      audioPlayer
      1) muted attribute doesn't work.
      2) dynamic byte array value test: component fails to render, see 1.PNG attached .
      3) audioPlayer in h/ace:dataTable/, in nested h/ace:dataTable/, in ui:repeat rendering issue, see 2.PNG, 3.PNG.
      1. 1.PNG
        45 kB
      2. 2.PNG
        26 kB
      3. 3.PNG
        32 kB
      4. aceTable.PNG
        30 kB
      5. aceTableEnlarged.PNG
        22 kB
      6. dynAttribute.PNG
        41 kB
      7. hDataTableIpad.JPG
        1.90 MB
      8. html4.PNG
        38 kB
      9. html5.PNG
        37 kB
      10. screenshot-ICE-9931-1.png
        1.41 MB
      11. screenshot-ICE-9931-2.png
        1.33 MB
      12. screenshot-ICE-9931-3.png
        1.33 MB
      13. screenshot-ICE-9931-4.png
        1.35 MB
      14. screenshot-ICE-9931-5.png
        1.54 MB
      15. xhtml.PNG
        31 kB
      16. xhtmlipad.JPG
        1.60 MB

        Activity

        Hide
        Carmen Cristurean added a comment -

        All issues can also be reproduced with IF 4.0 release code (ICEfaces4 trunk r. 43353).

        Show
        Carmen Cristurean added a comment - All issues can also be reproduced with IF 4.0 release code (ICEfaces4 trunk r. 43353).
        Hide
        Arturo Zambrano added a comment -

        I could see the audio player displaying incorrectly on other pages of the test app as well, on the SauceLabs testing environment. I didn't see any page that displayed the audio player correctly.

        I also created some pure-HTML test pages to try to determine whether the issue is with the way we render the markup. These test pages contain <audio> elements in various configurations: inside a span tag, by itself, playing a local MP3 resource and playing an external AAC resource. These three test pages use different doctype declarations: HTML5, HTML4 transitional and XHTML. In all cases, the audio element displayed incorrectly (see screenshot-ICE-99312.png, screenshotICE-99313.png, and screenshotICE-9931-4.png).

        I found some discussions on the web about iOS needing an HTML5 doctype in order to display the <audio> element correctly and also about only supporting certain types of audio files, like AAC. That's why those test pages were created that way. However, that didn't seem to help.

        Therefore, it could be the case that the <audio> element simply doesn't display correctly on the SauceLabs testing envrionment or on the iOS Simulator, in general. I committed these test pages to the ace:audioPlayer test app, to be tested on a real iOS device.

        I also tried changing the markup to use a nested <source> element instead of the 'src' attribute in the <audio> element and specifying a mime type as well. This didn't help either.

        I tested some external pages as well, and the <audio> element didn't display correctly either (See screenshot-ICE-99311.png and screenshotICE-9931-5.png).

        Testing notes: please test the pages audioElementHTML4DOCTYPE.html, audioElementHTML5DOCTYPE.html, and audioElementXHTMLDOCTYPE.html on a real iOS device and report if there's any case where the <audio> element displays correctly. Also, please test all pages in the test app and report if in any of them the audio player is displayed correctly.

        Show
        Arturo Zambrano added a comment - I could see the audio player displaying incorrectly on other pages of the test app as well, on the SauceLabs testing environment. I didn't see any page that displayed the audio player correctly. I also created some pure-HTML test pages to try to determine whether the issue is with the way we render the markup. These test pages contain <audio> elements in various configurations: inside a span tag, by itself, playing a local MP3 resource and playing an external AAC resource. These three test pages use different doctype declarations: HTML5, HTML4 transitional and XHTML. In all cases, the audio element displayed incorrectly (see screenshot- ICE-9931 2.png, screenshot ICE-9931 3.png, and screenshot ICE-9931 -4.png). I found some discussions on the web about iOS needing an HTML5 doctype in order to display the <audio> element correctly and also about only supporting certain types of audio files, like AAC. That's why those test pages were created that way. However, that didn't seem to help. Therefore, it could be the case that the <audio> element simply doesn't display correctly on the SauceLabs testing envrionment or on the iOS Simulator, in general. I committed these test pages to the ace:audioPlayer test app, to be tested on a real iOS device. I also tried changing the markup to use a nested <source> element instead of the 'src' attribute in the <audio> element and specifying a mime type as well. This didn't help either. I tested some external pages as well, and the <audio> element didn't display correctly either (See screenshot- ICE-9931 1.png and screenshot ICE-9931 -5.png). Testing notes: please test the pages audioElementHTML4DOCTYPE.html, audioElementHTML5DOCTYPE.html, and audioElementXHTMLDOCTYPE.html on a real iOS device and report if there's any case where the <audio> element displays correctly. Also, please test all pages in the test app and report if in any of them the audio player is displayed correctly.
        Hide
        Ken Fyten added a comment -

        Marking Won't Fix as this is a iOS Safari rendering bug from what we can tell.

        Show
        Ken Fyten added a comment - Marking Won't Fix as this is a iOS Safari rendering bug from what we can tell.
        Hide
        Liana Munroe added a comment -

        Tested with ICEfaces 4 trunk r43962.

        • Screenshots html4.png, html5.png, xhtml.png are showing the page view when loading these pages on an iphone 4s.
        • xhtmlipad.jpg and hDataTableIpad shows the demos when loaded onto an ipad (not manually enlarged afterward).
        • When viewing on an iphone the pages can be enlarged with finger swipe to make the audioPlayer sit properly on the page. You can see this in the screenshots aceTable.png and aceTableEnlarged.png as well as dynAttribute.png
        • In all cases the audioPlayer can be used.
          -The only page where the audioPlayer is not displayed is the dynamic byte array value test as origianlly reported.
        Show
        Liana Munroe added a comment - Tested with ICEfaces 4 trunk r43962. Screenshots html4.png, html5.png, xhtml.png are showing the page view when loading these pages on an iphone 4s. xhtmlipad.jpg and hDataTableIpad shows the demos when loaded onto an ipad (not manually enlarged afterward). When viewing on an iphone the pages can be enlarged with finger swipe to make the audioPlayer sit properly on the page. You can see this in the screenshots aceTable.png and aceTableEnlarged.png as well as dynAttribute.png In all cases the audioPlayer can be used. -The only page where the audioPlayer is not displayed is the dynamic byte array value test as origianlly reported.

          People

          • Assignee:
            Arturo Zambrano
            Reporter:
            Carmen Cristurean
          • Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: