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

Forum Libre

1135 readers
41 users here now

Partagez et discutez de sujets positifs ou liés à votre quotidien, tels que:

Les mots d'ordre sont : respect et bienveillance, l'objectif est de proposer un environnement positif et tranquille.

Les discussions politiques ou pouvant provoquer des émotions négatives 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:

Communautés principales de l'instance

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

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 1 month ago* (last edited 1 month ago) (1 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 4 weeks ago (1 children)
[–] Snoopy@jlai.lu 2 points 4 weeks 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 4 weeks 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 4 weeks 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 4 weeks 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 4 weeks ago (1 children)

Ça devrait marcher sans greffon :)

[–] Professeur_Falken@jlai.lu 2 points 4 weeks ago (1 children)

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

[–] Snoopy@jlai.lu 1 points 4 weeks ago