PeterRabbit

[Modification et astuce] Plyr, le player audio-vidéo qu'il vous faut !

Messages recommandés

omega    33
il y a 5 minutes, Roger nounours a dit :

 Je trouve ta " tambouile bizarre , plyr est normalement prévu pour être installé dans son entier dans le dossier d'un zwii, se serait pas étonnant alors que ceci ne fonctionne pas chez toi vu que tu sépare les fichier et les colles dans des espaces différents à la lecture de ton compte rendu.

 

oui le fichier index.php de Peter ne doit pas bien pointer sur les bons dossiers dans mon cas.

merci en tout cas de votre aide. Je vais analyser cela

Bonne soirée

 

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité
à l’instant, omega a dit :

oui free ce n 'est pas ce qui a de mieux pour créer son site web

 omega, je sais tout ceci car tu te doute bien que si je te pause des questions aussi précise c'est que " biniou29900 " est dans mes archives, ne dis rien mais je pense que le nom te parlera bien entendu ;)

 

Tu as bien suivi le tuto à la lettre pour installer ton zwii :

 

ton domaine est un carton vide ( brokerne.eu)

dans le carton vide tu as juste déposé tout les dossier du zwii ( pas un dossier qui comprend tout les dossiers du zwii )

tu as ensuite appelé ton carton sur ton firefox et la porte s'ouvrant tu as installé ton Zwii ( bin vi puisqu'il fonctionne parfaitement et qu'on le voit )

 

Tu as vu le plugin plyr et tu t'es dit " il me plais celui là, je le veux"

donc tu l'a téléchargé, dézippé sur ton pc et ensuite tu as suivi cette procédure là:

 

Après avoir décompressé le zip, copiez-en le contenu (un dossier "core" et un fichier "index.php") à la racine du répertoire d'intallation de votre CMS.

 ce qui veut dire que tu as envoyé dans ton carton tout le contenu du dossier :

Citation

Après avoir décompressé le zip, copiez-en le contenu (un dossier "core" et un fichier "index.php") à la racine du répertoire d'intallation de votre CMS.

 exactement là où tu avais envoyé les fichiers et dossiers de ton zwii...

 

si tu as fais tout ceci dans cet ordre là tu ne devrais normalement avoir aucuns soucis chez free pour utiliser plyr, ensuite ce sont tes liens vers les fichiers multimédia qui seraient sans doute à revoir...

 

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité

Ne te fais pas de mouron, si on y arrive pas avec l'aide de PeterRabbit le créateur du plugin et ceux qui ont des idées, on ne lâchera pas le morceau jusqu'à ce que ça fonctionne chez toi;

On est une communauté pas nombreuse certes mais on ne laisse jamais tomber un ami qui a des soucis avec un de nos trucs :)

Modifié par Invité

Partager ce message


Lien à poster
Partager sur d’autres sites
omega    33

pas d 'inquiétude de mon coté , j ' aime bien les challenges de ce type , mais pour l 'instant je ne veux casser mon domaine principal ou est hébergé un site de secours sous spip

Partager ce message


Lien à poster
Partager sur d’autres sites
PeterRabbit    371

17 posts et quelques métaphores plus tard, je reviens... et je n'y comprends rien : parce qu'il n'y a aucun problème chez Free, la preuve... 

 

plyrfree.jpg.2556d40798c3ec66894f9c69ef8c60e1.jpg

 

... et les radios bretonnes sonnent clair et fort (streaming ?) o.O

 

Bref, @omega, puisque ton Zwii fonctionnait, il n'y avait aucune raison pour que Plyr ne s'y adapte pas. Il suffisait de l'installer à la racine de son répertoire d'installation, comme je te l'ai montré plus haut.

Modifié par PeterRabbit

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité
il y a 51 minutes, omega a dit :

pas d 'inquiétude de mon coté

 et je te confirme à l'instant que depuis mon palemoon, j'entends bien tes fichiers audios de la page  http://zwii.brokerne.eu/zwii/?radios

Je pense qu'entre deux tu as du refaire comme il faut ton site, ne te este plus qu'à " meubler " les onglet en vidéos que je te fasse le test;

 

En tout cas toutes tes radios fonctionnent

 

Au besoin je peux te faire une capture vidéo de ton site où tu " entendras " ton travail parler :)

 

la seule qui n'a pas de flux audio est celle ci : RADIO BRO GWENED Tostik-tra deoc'h !

Modifié par Invité

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité
il y a 2 minutes, PeterRabbit a dit :

Tu devrais plutôt lui faire une petite vidéo de la façon dont il faut installer le plugin — avec le son, bien sûr. 

 

 je pense qu'il a su l'installer parfaitement sinon ceci ne marcherait po.... il n'a plus qu'à mettre maintenant des vidéos et ainsi son site sera parfait grâce à ton plugin :)

 

j'adore écouter la musique bretonne et j'attends donc les crêpes de notre ami Omega xD

 

 

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité

Montez le son chez vous si vous ne l'entendez pas dans la vidéo hihihihihihhi

 

Je pense que mon explication avec mon histoire de carton au dessus à sans doute arrangé le souci de notre ami, il avait mis ses fichiers mais pas au bons endroit, pour cela qu'il l'a rechangé pendant que je cherchais moi en visuel et dans ses codes sources...

D'ailleurs confirmé par l’intéressé un poil plus bas ce changement...

Modifié par Invité

Partager ce message


Lien à poster
Partager sur d’autres sites
PeterRabbit    371

Mais ça, on le savait déjà. C'est pour installer Plyr, qu'il faudrait l'explication vidéo. Parce qu'il n'est pas installé sur le site que tu montres. :|

Modifié par PeterRabbit

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité
il y a 3 minutes, PeterRabbit a dit :

C'est pour installer Plyr, qu'il faudrait l'explication vidéo. Parce qu'il n'est pas installé sur le site que tu montres.

 

ha bon alors regardes bien son code source dans le header, ça te dit rien un certain css

celui ci :

<link rel="stylesheet" href="http://zwii.brokerne.eu/zwii/core/vendor/plyr/plyr.css">
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Radios - Bienvenue en Bretagne</title>	<meta name="description" content="Zwii est un CMS sans base de données qui permet à ses utilisateurs de créer et gérer facilement un site web sans aucune connaissance en programmation.">	<link rel="shortcut icon" href="http://zwii.brokerne.eu/zwii/site/file/source/favicon.ico">	<script>var baseUrl = "http:\/\/zwii.brokerne.eu\/zwii\/";var baseUrlQs = "http:\/\/zwii.brokerne.eu\/zwii\/?";var language = "fr_FR";</script><script src="http://zwii.brokerne.eu/zwii/core/vendor/jquery/jquery.min.js"></script><link rel="stylesheet" href="http://zwii.brokerne.eu/zwii/core/vendor/normalize/normalize.min.css"><link rel="stylesheet" href="http://zwii.brokerne.eu/zwii/core/vendor/lity/lity.min.css"><script src="http://zwii.brokerne.eu/zwii/core/vendor/lity/lity.min.js"></script><script src="http://zwii.brokerne.eu/zwii/core/vendor/filemanager/callback.js"></script><link rel="stylesheet" href="http://zwii.brokerne.eu/zwii/core/vendor/zwiico/css/zwiico.min.css">	<link rel="stylesheet" href="http://zwii.brokerne.eu/zwii/core/layout/common.css">
	<link rel="stylesheet" href="http://zwii.brokerne.eu/zwii/core/vendor/plyr/plyr.css">
	<link rel="stylesheet" href="http://zwii.brokerne.eu/zwii/core/layout/perso.css">
	<link rel="stylesheet" href="http://zwii.brokerne.eu/zwii/site/data/theme.css?8e1b028691638825487e00c3bbf0e93f">
</head>
<body>
<!-- Site -->
<div id="site" class="container">
				<!-- Bannière dans le site -->
		<header >
							<div class="container">
					<span>Bienvenue en Bretagne</span>

et les fichier sons pour ses radios sont appellés depuis ici dans son main.php :

 

	<section><h1 id="sectionTitle">Radios</h1><p>PLUM' FM Le galo den le ptit-post</p>
<p><audio controls="controls">
  <source src="http://plumfm.online.radiobreizh.bzh/live-ori.ogg" /></audio></p>
<p>ARVORIG FM Mouezh Bro-Leon</p>
<p><audio controls="controls">
  <source src="http://arvorig-fm.online.radiobreizh.bzh/live-ori.ogg" /></audio></p>
<p>RADIO BRO GWENED Tostik-tra deoc'h !</p>
<p><audio controls="controls">
  <source src="http://rbg.online.radiobreizh.bzh/live.mp3" /></audio></p>
<p>RADIO KERNE Plijadur bemdez !</p>
<p><audio controls="controls">
  <source src="http://kerne.online.radiobreizh.bzh/live.mp3" /></audio></p>
<p>RADIO KREIZ BREIZH Treger ha Gouelo&ugrave;</p>
<p><audio controls="controls">
  <source src="http://rkb.online.radiobreizh.bzh/live-ori.ogg" /></audio></p>
<p>CANAL BREIZH</p>
<p><audio controls="controls">
  <source src="http://webradio-preprod.tamm-kreiz.bzh:8000/airtime_198KBm" /></audio></p></section>
			<!-- Pied de page dans le site -->

Maintenant je peux au besoin lancer un coup de httrack vu que son site est hébergé chez XXXX et le décortiquer entièrement pour vois la cocotte qu'il contient :ph34r:

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité

Tite vidéo qui montre bien que je suis allé voir si notre ami breton avait bien préparé des bonnes crêpes cet après midi pendant que je faisais la sieste :$

 

 

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité

le pyr d'Omega est instalé dans le dossier du zwii/core/vendor/plyr/  ( il a nommé ainsi le dossier qui contient le zwiicms )

et dedans il y as un joli fichier js nommé : plyr.js

et aussi un tiot css qui va bien avec : plyr.css

 

Sa galerie d'image contient ceci:

sur cet image en haut j'ai me pris la précaution que l'on voit le chemin du dossier sur mon pc

 

breton.png.92add66b315f09877bd354c9b977ff9c.png

 

sur celle ci, je pense que Omega confirmera que ce sont bien ses images qui sont sencées être inaccessible sur un zwii, elles se trouvent aussi dans le dossier zwii/site/file/source/galery/Ar Rouedou Glas/

( Omega pourra confirmer ce que j'affirme là ),

 

breton1.thumb.png.e8ea950ee125cf36ef72cedf55a27344.png

 

je fais ceci quand un membre à un soucis et demande de l'aide ( stratego et d'autre le confirmeront ) je capture un site dans son entier et le décortique et ce n'est pas une " petite protection soit disant efficace " qui m'empêche de le faire;

 

Ainsi je peux aider efficacement quiconque en fait la demande ensuite je détruit systématiquement mes copies de site sauf si la personne me demande explicitement de ne pas le faire...

quand j'affirme quelque chose c'est que je peux aussi mettre sur la table mes arguments pour mes affirmations, sinon je ne dis rien;

 

Modifié par Invité

Partager ce message


Lien à poster
Partager sur d’autres sites
omega    33

 

Citation

 

 

merci à vous pour votre analyse , attention car j ' ai essaye d 'installer manuellement le php d 'installation de Plyr , c 'est pour que cela que vous pouvez voir des bouts de code dans les fichiers html ...
mais je ne comprends pas tout de ce fichier index.php (pour le moment cela ne fonctionne pas).

je vais mettre en pose cette installation et revenir à la config d ' origine  et j ' y reviendrai plus tard

Bonne soirée .

Modifié par omega

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité

@omega lis bien tout ce que je viens d'écrire au dessus et regardes bien les deux vidéos que j'ai posté dans ton sujet, ensuite tu me confirme ou pas si c'est bien le son de tes radios que l'on entends et si le reste est bien vrai de tes dossiers et fichiers installés sur ton espace web.

 

Ce serait sympa que je sache si j'ai écris des conneries ou si je deviens vraiment " gâteux " vu mon age.

 

C'est bien ton site accessible depuis ce lien non? : http://zwii.brokerne.eu/zwii/?accueil

 

ici tu trouveras des explication forts bien détaillées ( si l'anglais ne te rebute pas ) pour pouvoir mettre tes vidéos sur ton site;

https://github.com/sampotts/plyr#html

 

Pour les radios tu sais déjà faire comme le montre ma première vidéo.

Modifié par Invité

Partager ce message


Lien à poster
Partager sur d’autres sites
omega    33
il y a 2 minutes, Roger nounours a dit :

C'est bien ton site accessible depuis ce lien non? : http://zwii.brokerne.eu/zwii/?accueil

oui mais je vais sans tarder le remettre sous http://zwii.brokerne.eu

avec sa configuration initiale (radio ok , videos non ok , installation de plyr non abouti) et j ' y reviendrai le weekend prochain

Merci Roger pour ton dévouement , à bientôt
Bruno

Partager ce message


Lien à poster
Partager sur d’autres sites
PeterRabbit    371

Ouh là là ! Moi qui pensais que mes petits plugins étaient simples à installer et utiliser — et qui les avais voulus tels ! :$

C'est à n'y rien comprendre.

 

Modifié par PeterRabbit

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité
il y a 1 minute, omega a dit :

oui mais je vais sans tarder le remettre sous http://zwii.brokerne.eu

avec sa configuration initiale (radio ok , videos non ok , installation de plyr non abouti) et j ' y reviendrai le weekend prochain

Merci Roger pour ton dévouement , à bientôt
Bruno

 de rien, tu confirmes ainsi mes dires et si tu veux je détruit chez moi tout les fichiers de ton site que je possède depuis dejà la toute première fois, ils mont permis de comprendre ton problème et de t'expliquer un peu de façon dira on imagée " avec mon histoire de carton"

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité
il y a 4 minutes, PeterRabbit a dit :

Ouh là là ! Moi qui pensais que mes petits plugins étaient simples à installer et utiliser — et qui les avais voulus tels ! :$

C'est à n'y rien comprendre.

 

 ne t’inquiètes pas, ce n'était pas ton plug en cause et à tout les deux ont a bien aidé ( malgré mon sale caractère ) l'ami Omega.

Et t’inquiètes pas on va remettre çà car il reviendra pour les vidéos vu que je pense que mettre les mains dans le cambouis pour lui cela ne doit pas être évident ;)

 

sans rancunes heins?

Modifié par Invité

Partager ce message


Lien à poster
Partager sur d’autres sites
omega    33
il y a 2 minutes, Roger nounours a dit :

 ne t’inquiètes pas, ce n'était pas ton plug en cause et à tout les deux ont a bien aidé ( malgré mon sale caractère ) l'ami Omega.

Et t’inquiètes pas on va remettre çà car il reviendra pour les vidéos vu que je pense que mettre les mains dans le cambouis pour lui cela ne doit pas être évident ;)

 

sans rancunes heins?

 

@ Roger oui tu peux "poubeliser"les fichiers que tu possèdes

@Peter j 'ai analysé ton fichier index.php pour essayer d 'installer manuellement Plyr , mais je ne comprend pas tout.. si tu pouvais me décrire les grandes lignes (si tu en a envie et le temps , aucune obligation)
A bientôt , je suis content d' être rentré dans la communauté Zwii

:)

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité
il y a 5 minutes, omega a dit :

A bientôt , je suis content d' être rentré dans la communauté Zwii

et notre communauté est toute heureuse de te compter parmi nous ainsi que de pouvoir t'aider en toutes choses chaque fois que ce sera nécessaire cher ami :D

Amicalement

nounours.jpg<== c'est moi Roger hahahahaha

Partager ce message


Lien à poster
Partager sur d’autres sites
omega    33

bingo , en reprenant la procédure manuel pas pas j 'ai réussi a installer ce lecteur plyr

peut être un ajustement du css dans le lecteur video sera à faire , j 'ai un décalage sur la touche de lecture

bonne soirée

une crêpe et un verre de cidre vous seront offert lors de votre passage du coté de Fouesnant pour votre patience

Modifié par omega

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité

Voila voilou, avec de la patience et de la méthode on y arrive.

heu pour les crêpes pourrais po venir vu que j'ai paumé mon gps et que mon vélo l'a plus de chaine aux pignons  :joy:

Par contre pour une bouteille de cidre je suis pret à arriver illico à pieds dans ta joile contrée :mrgreen:

En pantoufles même s'il le faut xD

 

Tu nous tiens au courant et surtout tu peux faire la présentation de ton site dans le forum prévu pour, ainsi les membres seront heureux de voir le beau site web que tu construis avec un zwii..

c'est ici :     http://forum.zwiicms.com/index.php?/forum/4-vos-sites-sous-zwii/

Partager ce message


Lien à poster
Partager sur d’autres sites
omega    33

Bonjour
je suis vraiment désolé d 'avoir monopolisé votre temps pour l 'installation de ce lecteur , je viens d ' apprendre que copier un répertoire sur autre répertoire du même nom ne le supprimait pas mais le complétait avec les fichiers additionnels

ici il s 'agissait de mettre à jour le répertoire core/vendor avec Plyr , que j 'avais refusé de faire de peur de casse du répertoire d ' origine. (on en apprend tout les jours )
encore toutes mes excuses.

@Roger si tu pouvais supprimer ce fil de discussion qui n ' apporte rien aux nouveaux arrivant.

 

Bon appétit

  • Thanks 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant

  • Contenu similaire

    • Par CroqueWeb
      Plugin TinyMCE : codesample
      Voir le fichier Plugin TinyMCE : codesample
      Pour afficher du code avec la coloration syntaxique dans vos pages
      Comment l'installer dans le cms ?
      - envoyer par FTP le dossier core à la racine de votre ZwiiCMS
      - accepter de fusionner les dossiers et de remplacer les fichiers
      c'est tout
      Contributeur CroqueWeb Soumis 13/03/2018 Catégorie Modules  
    • Par CroqueWeb
      Plugin TinyMCE : codesample
      Pour afficher du code avec la coloration syntaxique dans vos pages
      Comment l'installer dans le cms ?
      - envoyer par FTP le dossier core à la racine de votre ZwiiCMS
      - accepter de fusionner les dossiers et de remplacer les fichiers
      c'est tout
    • Par PeterRabbit
      Vous cherchez un player audio-vidéo qui s'adapte sans problème à ZwiiCMS et qui soit léger, polyvalent et esthétique ?
      Un petit détour sur le site de Plyr vous convaincra qu'il est bien ce qu'il affirme : "a simple, accessible HTML5 media player", un player HTML5 simple à paramétrer qui vous permettra d'intégrer facilement des vidéos (les vôtres ou celles de Youtube) ou des fichiers audio sur votre site, le tout dans un format responsive.
       
      Avertissements
      Même si le plugin a été réécrit sur la base de la version 8.29 de ZwiiCMS, le player n'a été actualisé qu'à hauteur de la version 2.0.18, faute d'être parvenu à faire accepter les codes d'intégration de la version 3 à TinyMCE. 
      Le script d'installation effectue seulement deux écritures ponctuelles dans "core/layout/main.php", mais il écrase le fichier "core/core.js.php" pour pouvoir remplacer le script qui pose problème. Faites-en une copie de sécurité si vous l'avez personnalisé.
       
      Installation
      L'archive contient deux modules :
      "plyr_install", pour installer le player. "plyr_restaure", pour remettre votre site dans son état initial s'il ne correspond pas à vos attentes.  
      Pour chacun des modules :
      Copiez la totalité de son contenu à la racine du répertoire d'installation de votre site. Acceptez les remplacements de fichiers qui vous seront proposés. Rendez-vous ensuite sur votre site ou rafraîchissez la page pour finaliser l'installation. C'est fait.
       
      Utilisation
      Collez ces lignes dans le code de vos pages (icone "<>" de la barre d'outils) en les adaptant à votre configuration et au type de vos fichiers.
       
      Audio
      <audio controls> <source src="chemin/vers/votre.mp3" type="audio/mp3"> </audio> Vidéo
      <video controls>  <source src="chemin/vers/votre video.mp4" type="video/mp4"> </video> ou, si vous avez prévu une image d'accueil 
      <video poster="chemin/vers/votre image d'accueil.jpg" controls> <source src="chemin/vers/votre video.mp4" type="video/mp4"> </video>
      Youtube
      <div data-type="youtube" data-video-id="bTqVqk7FSmY"></div>  
      Vimeo
      <div data-type="vimeo" data-video-id="143418951"></div>
      Conseils
      Utilisez le code d'intégration fourni par Youtube, Viméo, Dailymotion, etc. plutôt que de passer par Plyr. Pour en savoir plus sur Plyr et ses possibilités, consultez le fichier "readme_2.0.18.md".