We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Ok, I Agree

[SOLVED] Video Playback: Safari Error – stretched video

Home › Forums › Bug Reports and Feature Requests › [SOLVED] Video Playback: Safari Error – stretched video

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • 2021-09-01 at 5:51 pm #44177
    xeon
    Customer

    System:
    MacPro (2019), 3.2GHz 16-core Intel Xeon W
    192 GB RAM
    2X. AMD Radeon Pro Vega II Dou 32 GB
    Mac OS Big Sur Version 11.5.2

    Desktop Browsers: Safari and Chrome
    Chrome: Version 92.0.4515.159 (Official Build) (x86_64)
    Safari: Version 14.1.2 (16611.3.10.1.6)

    iPhone: iphone XS Max OS14.7.1
    Base system WebKit…. problem is scene in both Safari and Chrome.

    PROBLEM: video replacement textures work sometimes
    DESKTOP:
    Chrome – works every time
    Safari – doesn’t work with larger scenes ( video will playback but is stretched).

    NOTE: the more memory used by the application the more likely the issue will be seen.

    High memory use case:
    https://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:f2f27a4091/applications/test_gallary_textures/test_gallary_textures.html

    Low memory use case:
    https://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:f2f27a4091/applications/video_texture/video_texture.html

    Videos tested: https://cdn.soft8soft.com/videos/yellow_fish.mp4
    as well as my own mp4 inside associated test files.

    MP4 video codes are both H264

    Attachments:
    You must be logged in to view attached files.

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    2021-09-06 at 1:06 pm #44336
    Alexander Kovelenov
    Staff

    Hi,
    It appears, this issue is connected with Repeat (called “Extend” in Blender) texture wrapping. This wrapping is not supported for video textures in WebGL 1 (this version still used in Safari by default). Try to set texture wrapping to Clip or Extend to see this issue on regular textures in Blender. So, in your case you need to modify UV map for your texture so both U and V coordinates fit to [0, 1] interval.

    Soft8Soft Tech Chief
    X | FB | LinkedIn

    2021-09-06 at 1:07 pm #44338
    Alexander Kovelenov
    Staff

    BTW, new versions of macOS and iOS with WebGL 2.0 support coming this month. So, we’ll forget about these issues eventually )).

    Soft8Soft Tech Chief
    X | FB | LinkedIn

    2021-09-10 at 9:45 pm #44517
    xeon
    Customer

    Thank you… I will give the UV remapping a try. This project will probably be done just in time for the new versions of iOS and macOS to be released…so it might just fix itself.

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    2021-09-12 at 3:42 pm #44560
    xeon
    Customer

    Hi there,
    I changed the mapping to clip and unfortunately that doesn’t do the trick either.

    I have tried the 0 to 1 mapping but I am not sure I am doing it correctly. Is there an online resource you can recommend that demonstrates how to create this?

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    2021-09-12 at 4:51 pm #44562
    xeon
    Customer

    I found out what the issue was…. it was simpler than I thought.
    In my case… I had assigned a Generated UV map to the screen object.
    I since replaced that with the UV Map node directly taking the UV output and inserting it directly into the texture Vector and it works perfectly after having to rotate the UVs about…but all good…working in iOS now.

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.