PeterRabbit

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

Messages recommandés

PeterRabbit    305

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    305

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    26

 

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    26
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    305

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

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".