Display auf Smartphone per WebApp / Chrome (gelöst) (HTML, CSS und Javascript)

[thread]21627[/thread]

Display auf Smartphone per WebApp / Chrome [gelöst]

Leser: 4

Articles: hide open all | hide show old branches

+11 replies
rosti

2024-10-18 10:18

User since
2011-03-19
3472 Artikel
BenutzerIn

Moin!
Meine WebApp ist zum Upload vieler Dateien vom Smartphone auf meinen Webserver. Da kommen bei 100 Videos schonmal 2 GB zusammen, das zieht sich hin und in dieser Zeit macht das Smartphone das Licht aus.

Also: Gibt es eine Möglichkeit, dem Smartphone per JS/API mitzuteilen das Display nicht abzuschalten solange die Seite im Chrome-Browser geladen ist?

MfG
- +10 replies
- GwenDragon
  
  2024-10-18 15:47
  
  User since
  2005-01-17
  14747 Artikel
  Admin1
  
  Webworker, der während des Uploads auf der Webseite einen Fortschrittsbalken anzeigt, geht nicht?
  
  Ich habe aber keinen Code parat.
  https://web.dev/articles/module-workers
  https://web.dev/learn/performance/web-worker-demo
  
  Andere Lösung:
  https://developer.chrome.com/docs/capabilities/web...
  https://github.com/richtr/NoSleep.js
  https://davidwalsh.name/wake-lock-shim
  
  Nur so Ideen. Ich habe sowas nie angewandt.
  Last edited: 2024-10-18 16:07:06 +0200 (CEST)
  die Drachin Gwen
  
  Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
  - +9 replies
  - rosti
    
    2024-10-18 16:07
    
    User since
    2011-03-19
    3472 Artikel
    BenutzerIn
    
    Den Fortschritt-Balken habe ich und der bewegt sich auch. Was das SmartPhone aber auch nicht davon abhält das Display auszuknirpsen.
    
    So ist auch die Tata-Fanfare nicht zu hören.
    
    Edit: https://github.com/richtr/NoSleep.js
    
    könnte gehen ;) Danke !
    Last edited: 2024-10-18 16:09:40 +0200 (CEST)
    - +8 replies
    - GwenDragon
      
      2024-10-18 16:09
      
      User since
      2005-01-17
      14747 Artikel
      Admin1
      
      Dann wird wohl nur die Screen Wake Lock API helfen wie ich im Post bei "Andere Lösung" schrieb.
      die Drachin Gwen
      
      Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
      - rosti
        
        2024-10-18 16:10
        
        User since
        2011-03-19
        3472 Artikel
        BenutzerIn
        
        2024-10-18T14:09:23 GwenDragon
        Dann wird wohl nur die wake lock api helfen wie ich im Post bei "Andere Lösung" schrieb.
        
        Ick melde mir ;)
      - +6 replies
      - rosti
        
        2024-10-18 16:53
        
        User since
        2011-03-19
        3472 Artikel
        BenutzerIn
        
        2024-10-18T14:09:23 GwenDragon
        Dann wird wohl nur die Screen Wake Lock API helfen wie ich im Post bei "Andere Lösung" schrieb.
        
        Spitze!!!! Funktioniert!!!
        
        Danke!!!
        
        +5 replies
        
        GwenDragon
        
        2024-10-18 17:14
        
        User since
        2005-01-17
        14747 Artikel
        Admin1
        
        Gut!
        die Drachin Gwen
        
        Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
        
        +4 replies
        
        rosti
        
        2024-10-19 11:31
        
        User since
        2011-03-19
        3472 Artikel
        BenutzerIn
        
        Quote
        So how does NoSleep.js prevent the sleep effect? NoSleep.js mocks a tiny mp4 video and continuously plays it, which works because browsers know enough to not signal sleep when a video is playing. What a clever way to prevent the device from sleeping!
        
        Darauf muß man erstmal kommen ;)
        
        +3 replies
        
        GwenDragon
        
        2024-10-19 11:59
        
        User since
        2005-01-17
        14747 Artikel
        Admin1
        
        Schön, dass du es testen konntest und es funktioniert.
        Das JS muss ich mir merken.
        die Drachin Gwen
        
        Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
        
        rosti
        
        2024-10-19 12:07
        
        User since
        2011-03-19
        3472 Artikel
        BenutzerIn
        
        2024-10-19T09:59:42 GwenDragon
        Schön, dass du es testen konntest und es funktioniert.
        Das JS muss ich mir merken.
        
        Nun, ich hatte gestern auch mal wieder eine Idee zum Thema Bot-Requests. Und die Sache ist ganz einfach zu prüfen ob eine screen.width mitgesendet wurde. Jetzt bin ich mal gespannt wie lange der Google-Bot braucht um rauszukriegen daß er eine screen.width mitsenden muß ;)
        
        rosti
        
        2024-10-20 11:34
        
        User since
        2011-03-19
        3472 Artikel
        BenutzerIn
        
        Die eigene Lösung könnte auch so aussehen:
        
        Code: (dl )
        
        1 2 3 4 5 6 7
        
        <video controls width="1" src="/astjoch.mp4" loop="true" id="vmock"></video> <script> window.onclick = function vplay(){ document.getElementById('vmock').play(); document.body.style.backgroundColor = "#20B2AA"; } </script>
        
        Und das Funktioniert auch. Schönen Sonntag ;)

View all threads created 2024-10-18 10:18.