Programmer en temps réel

Version imprimable

12/12/2021, 06h17
secretmoon04

Programmer en temps réel

Salut, je suis à la recherche d'une programmations qui permet de rendre possible la diffusion de contenue à temps réel. Avec plus de précision, j'aimerais diffuser du contenue d'animation html/css/php et il faudrais que le contenue sois en continue même si la personne "refresh" la page. Et donc ce contenue est en fonction sur tout les appareils connecter en même temps sur le site web. est-ce que j'ai besoin d'une programmation avec base de donner ou etc. Je suis à la recherche de cette informations s'il vous plais.
12/12/2021, 10h53
ProgElecT

Salut

Peut-être en surveillant l'événement beforeunload du <body>, à ce moment-là faire un local Storage ou Cookies de l'état de la page et, au Load lire s'il existe un local Storage ou Cookies et agir en conséquence.
Par contre, personnellement je n’apprécierais pas se type de comportement, j'aime bien maitriser un minimum ma navigation sur le web, et je ne retournerai pas sur ce site.
12/12/2021, 14h31
secretmoon04

en fait c'est pour faire défiler des chansons en temps réel sur les mobile pour que le monde puisse voir les mêmes chansons en même temps sur leur appareil ou sur leur ordinateur c'est pourquoi j'ai besoin d'un script que je ne trouve pas pour sauvegarder l'informations en temps réel et c'est pour sa mon autre sujet concernant le changement de iframe au 5 minute.

Je pense que cela pourrait t'aider

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
		<title>Ici mon titre</title>
	</head>
	<body onunload="unloadOn()">
		<button onclick="ajoute1()">Ajouter 1 à la variable Cpt</button> ...... <span id="nbrCpt"></span>
 
		<script>
                        // :::::::::::::::::::::    variables globales    ::::::::::::::::::::::::::::::
                        window.onload = LoadOn;//Se déclenche une fois le chargement de la page terminé
                        let IsIeOrEdge;
                        let Cpt=0;
                        // :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                        // ------------------------- les 2 évènements utiles pour mémoriser et récupérer une information ---------------------------
                        function LoadOn() {
                                RecupMemoSurClient();
                                document.getElementById("nbrCpt").textContent = Cpt;
                        }//---------------------------------------------------------
                        function unloadOn() {
                                MemoSurClient();
                        }//---------------------------------------------------------
 
                        //------------------------ les commandes assossiées  -----------------------------
                        function IslocalStorage() {//******** vérification localStorage disponible **********
                                try {
                                        localStorage.setItem('NameKey','Le teste');
                                        localStorage.removeItem('NameKey');
                                        return true;
                                } catch(err) {
                                        return false;
                                }
                        }//---------------------------------------------------------
                        function RecupMemoSurClient() {
                                if (IslocalStorage()){// localStorage disponible
                                        IsIeOrEdge = false;
                                        if(localStorage.getItem('Idx')) {//récupération de l'index mémorisé en local
                                                Cpt = localStorage.getItem('Idx');
                                        }
                                }else{
                                        // localStorage non disponible utilisation de cookies
                                        IsIeOrEdge = true;
                                        if (Cookies.get('Idx')) {
                                                Cpt = Cookies.get('Idx');
                                        }
                                }
                        }//---------------------------------------------------------
                        function MemoSurClient() {
                                if (IsIeOrEdge === false) {
                                        localStorage.setItem('Idx', Cpt);
                                }else{
                                        Cookies.set('Idx',Cpt,{ expires: 365 });
                                }
                        }//---------------------------------------------------------
                        function ajoute1() {
                                ++Cpt;
                                if (Cpt > 10) {Cpt=0;}
                                document.getElementById("nbrCpt").textContent = Cpt;
                        }//---------------------------------------------------------
                </script>
	</body>
</html>

Grace à localStorage ou à Cookies, il est possible de mémoriser quelque chose à la fermeture/rafraichissement de la page et de récupérer cette information à son ouverture.

12/12/2021, 21h12
secretmoon04

wow un gros merci !
12/12/2021, 21h19
secretmoon04

Diffusion Multi appareil contenu live

Salut, voici une demande très particulière, J'aimerais que les actions effectuer sur un appareil sois aussi effectuer aussi sur un autre appareil en temps réel comme par exemple l'écoute de la radio, mais avec de la musique aléatoire.

faire en sorte que la musique sois en continue même si on quitte et on revien et meme si on change d'appareil.

Merci d'avance ! :)
13/12/2021, 08h17
SpaceFrog

Une sorte de steraming live ?
Regarde peut-être du coté des sockets ... ?
14/12/2021, 06h15
secretmoon04

en quelque sorte oui merci je vais regarder la ..! en fait si je vais simplement le dire correctement, je recherche une façon de partager mon contenue de manière simultanée sur plusieurs appareil en meme temps connecter en temps réel.
16/12/2021, 15h28
secretmoon04

Merci le test fonctionne bien, je vais essayer de modifier sa pour les iframe la se qui me manque c'est que ceci sont fonctionnel sur tout les appareil en même temps comme un horloge afin que si je clique sur le 4 il reste sur le 4 sur d'autre appareil. :) je vais prendre se code et le modifier un peu pour que ceci fonctionne avec mon projet :)

un gros gros merci :)
16/12/2021, 20h34
ProgElecT

Salut

Citation:

Envoyé par secretmoon04

...
si je clique sur le 4 il reste sur le 4 sur d'autre appareil....

Attention, pour ce cas il faut un enregistrement commun à tous les appareils/ordinateur qui utiliseront ton programme, dans ce cas la mémorisation doit être faite dans le même dossier que le programme, un fichier quelconque (CSV, TXT, JSON ....) qu'il faudra actualisé à chaque changement d'index de l'url de l'Iframe.
16/12/2021, 20h37
secretmoon04

C'est intéressant se que tu m'explique mais quand tu veux dire même dossier tu veux dire sur la même page. Que veux tu dire par la.
16/12/2021, 20h50
ProgElecT

Re

Le fichier doit être dans le dossier ou se trouve le programme commun à tout les les appareils/ordinateurs, ou en tout cas, le programme ne doit lire la mémorisation que dans un seul fichier commun.
Il faudrait qu'a chaque ouverture du programme commun, lire la valeur de l'index dans le fichier commun, ainsi chacun jouera la même Url.
17/12/2021, 00h34
secretmoon04

Je pense que je comprend, tu dis c'est de prendre l'index de creer une programmation comme la précédente et a l'interieur la relier a un autre page qui elle change de iframe au temps de temps qui arriverais a produire cette effect sur tout les appareils en même temps. Si j'ai bien compris :)