search

s60sc / ESP32-CAM_MJPEG2SD

ESP32 Camera motion capture application to record JPEGs to SD card as AVI files and stream to browser as MJPEG. If a microphone is installed then a WAV file is also created. Files can be uploaded via FTP or downloaded to browser.
GNU Affero General Public License v3.0
888 stars 209 forks source link

V.9.4 Can't change Time Lapse On/Off in Brave Browser on iOS17. #352

Closed MACKADRIS closed 7 months ago

MACKADRIS commented 8 months ago

Firstly, absolutely AWESOME work you people did on this project.

In version 9.4, while using the wi-fi server and IP address [192.168.4.1], I open a Brave Browser window on my iPhone 13 (iOS17.x) and attempt to turn on/off the Time Lapse feature to no avail.

The web page .css presents the data info bar located at the bottom of the page, but a z-index is layering it in front of the video image pane, as well as the data bar layering in front of the settings pop-outs, making the Time Lapse slider inaccessible for any changes.

My successful edit of the .html page: Changed the z-index of #section-footer to -1 Inserted two HTML line breaks <br><br> just after the <image> before closing the <div>.

These changes did not affect the view on my PC browser, but did put the video pane on top of the bottom data bar, and the video pane is now positioned below the settings popouts for camera, motion, files, etc. with the data info bar below at the bottom of the image.
Scrolling up shows the full data info bar, but the image slides down to the bottom again.

Would changing a 'float' setting somewhere do the same thing, creating a space between the video image pane and the bottom data bar?
The image pane is still layered over the data bar with my change, and I'm no pro at .css.
At least, I can now change the Time Lapse On/Off, which was my major hurdle.

I hope this solves someone else's issue trying to go Time Lapse on the fly with an iPhone. I have not tested this on Android.

Thanks again for this outstanding project !! Rick

s60sc commented 8 months ago

Thanks. Added 2 breaks to end of motion-record nav to make it scroll above footer, although on chrome can click thru transparent footer. I dont have access to an IOS device so cant propose any changes beyond yours,

MACKADRIS commented 8 months ago

Thanks for the quick response and all the great work. If you make the z-index of #section-footer = -1 , there will be no issue. It’s just moved to the back. I didn’t want to start tearing into all the other z-index and mess up a Java function. 😁

Again, great work. Thanks.

On Tue, Jan 30, 2024 at 10:28 AM, s60sc @.***(mailto:On Tue, Jan 30, 2024 at 10:28 AM, s60sc < wrote:

Thanks. Added 2 breaks to end of motion-record nav to make it scroll above footer, although on chrome can click thru transparent footer. I dont have access to an IOS device so cant propose any changes beyond yours,

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: @.***>