this post was submitted on 27 Jul 2025
49 points (98.0% liked)

Forum Libre

1111 readers
35 users here now

Communautés principales de l'instance

Nous rejoindre sur Zulip: https://jlailu.zulipchat.com/

Une communauté pour discuter de tout et de rien:

Les mots d'ordre sont : respect et bienveillance.

Les discussions politiques sont déconseillées, et ont davantage leur place sur

Les règles de l'instance sont bien entendu d'application.

Fils hebdomadaires"

"Demandez-moi n'importe quoi"

Communautés détendues

Communautés liées:

Loisirs:

Vie Pratique:

Communautés d'actualité

Société:

Pays:

Communauté de secours:

founded 2 years ago
MODERATORS
you are viewing a single comment's thread
view the rest of the comments
[–] un_aristocrate@jlai.lu 6 points 6 days ago* (last edited 6 days ago) (8 children)

À combiner avec mon petit script tempermonkey pour transformer YouTube en pwa

// ==UserScript==
// @name         YouTube PWA Manifest Injector
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Inject a Web App Manifest into YouTube to enable PWA features
// @author       un_aristocrate
// @match        https://m.youtube.com/*
// @grant        none
// ==/UserScript==

(function() {
'use strict';

// Define the manifest object
const manifest = {
    "name": "YouTube",
    "short_name": "YouTube",
    "start_url": "https://m.youtube.com/",
    "display": "standalone",
    "background_color": "#ffffff",
    "theme_color": "#ff0000",
    "icons": [
        {
            "src": "data:image/png;base64,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",
            "sizes": "512x512",
            "type": "image/png"
        }
    ]
};

// Create a link element for the manifest
const link = document.createElement('link');
link.rel = 'manifest';
link.href = URL.createObjectURL(new Blob([JSON.stringify(manifest)], { type: 'application/json' }));

// Append the link to the head of the document
document.head.appendChild(link);

console.log("Manifest injected");


function isLandscape() {
    return window.matchMedia("(orientation: landscape)").matches;
}

// Function to make the video full screen
function makeFullScreen() {
    var video = document.querySelector('video');
    if (video && !document.fullscreenElement) {
        if (video.requestFullscreen) {
            video.requestFullscreen();
        } else if (video.webkitRequestFullscreen) { /* Safari */
            video.webkitRequestFullscreen();
        } else if (video.msRequestFullscreen) { /* IE11 */
            video.msRequestFullscreen();
        }
    }
}

// Listen for changes in screen orientation
window.addEventListener('resize', function() {
    if (isLandscape()) {
        makeFullScreen();
    }
});

// Check orientation on script load
if (isLandscape()) {
    makeFullScreen();
}


  })();
[–] Professeur_Falken@jlai.lu 4 points 6 days ago (7 children)
[–] Snoopy@jlai.lu 2 points 6 days ago (1 children)

C'est pour transformer un site web en application mobile. On peut aussi le faire pour lemmy et piefed. En gros, à la différence du raccourcis, ça sauvegarde les données du site web sur ton tel :

https://fr.m.wikipedia.org/wiki/Progressive_web_app

[–] Professeur_Falken@jlai.lu 2 points 6 days ago (2 children)

J'ai un greffon de navigateur qui transforme une page donnée en un gros HTML incluant tout (JS, CSS,...).

[–] ewenak@jlai.lu 2 points 6 days ago (1 children)

Oui mais là du coup ça sauvegarde juste une page statique non ?

Les PWA, elles peuvent par exemple télécharger les posts d'un réseau social quand tu l'ouvre et qu'il y a du réseau, et les stocker dans le cache. Comme ça après elle peut afficher les posts même hors-ligne.

[–] Professeur_Falken@jlai.lu 3 points 6 days ago

Oui mais là du coup ça sauvegarde juste une page statique non ?

C'est but de la manœuvre.

Les PWA, elles peuvent par exemple télécharger les posts d’un réseau social quand tu l’ouvre et qu’il y a du réseau, et les stocker dans le cache. Comme ça après elle peut afficher les posts même hors-ligne.

Je comprends.

[–] Snoopy@jlai.lu 1 points 6 days ago (1 children)

Ça devrait marcher sans greffon :)

[–] Professeur_Falken@jlai.lu 2 points 6 days ago (1 children)

J'ai mieux compris avec les explications de @ewenak@jlai.lu.

[–] Snoopy@jlai.lu 1 points 6 days ago
load more comments (5 replies)
load more comments (5 replies)