Dans cette formation vidéo, vous allez apprendre à créer et administrer une playlist pour le player audio HTML5 de A à Z. A la fin de cette formation, vous saurez :

  • Intégrer un player audio ainsi qu'une playlist
  • Mettre en place une base de données et une table contenant toutes les informations des musiques d'une playlist
  • Protéger un espace administrateur avec un .htaccess
  • Créer un espace administrateur (BackOffice) pour vous permettre de gérer une playlist (ajouter/supprimer une musique)

Une fois cette formation effectuée, je vous conseille la formation "Créer et personnaliser un player audio de A à Z" pour créer votre propre player audio qui viendra sublimer votre playlist.

Notions HTML abordées :

  • La balise HTML5 audio
  • Les tableaux (table,thead,td,tr)
  • Les formulaires (form,input)

Notions PHP abordées :

  • Connexion à une base de données
  • Affichage des musiques enregistrées dans la base de données sous forme de liste
  • Sélection et suppression d'enregistrements dans la base de données
  • Vérification d'un formulaire (champs vides, informations sur le fichier envoyé comme le taille, l'extension...)
  • Enregistrement de fichiers audio dans le dossier "musiques"
  • Suppression de fichiers audio dans le dossier "musiques"

Notions Javascript abordées :

  • Les évènement (onClick)
  • Les fonctions (lecture d'une musique, affichage d'un message de confirmation pour la suppression d'une musique...)

Jetez un oeil à ces autres tuto Dreamweaver CS5, HTML 5, Php 5

Découper et intégrer une maquette de site webDécouper et intégrer une…
Cette formation est consacrée au découpage et à l'intégration…

Créer et personnaliser un player audio HTML5 de A à ZCréer et personnaliser un…
Dans cette formation vidéo, vous allez apprendre à créer…

Créer un blog full responsive en HTML5Créer un blog full responsive…
Dans ce tuto Dreamweaver nous allons aborder l'intégration…

Créer un portfolio full responsive en HTML5 et CSS3Créer un portfolio full responsive…
Voici une formation pour apprendre à créer un portfolio full…

Découper et intégrer une maquette de site internet web 2.0Découper et intégrer une…
Dans cette seconde et dernière partie du tutoriel "Créer une…

Créer un site internet responsive webdesign en HTML5Créer un site internet responsive…
Dans ce tuto Dreamweaver et HTML5, de plus de 3h nous allons…

Dreamweaver CS5, Formation complèteDreamweaver CS5, Formation…
Formation Dreamweaver CS5 de 18h20, pour apprendre à créer…

Découper et intégrer une page d'accueil de site internetDécouper et intégrer une…
Ce tutoriel est la suite du tuto créer une page d'accueil de…

Cette formation contient 4 leçons en vidéo pour une durée totale de 49 min.
Voici le programme complet abordé au cours de cette formation :

  • Présentation00:02:37 
  • Intégration du player et de la playlist00:15:57 
  • Protection de l'espace administrateur00:04:55 
  • Intégration de l'espace administrateur00:26:04 

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Dreamweaver CS5, HTML 5, Php 5 de 49 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

Infoprog , Formateur



Toutes les formations de Infoprog


Témoignage des clients de Infoprog

Bonjour, tuto intéressant pour les débutants pour créer un portfolio !

Bonjour , ton tuto est génial et facile à suivre. Surtout pour le débutant que je suis. Encore merci;

Bon tuto, bon formateur, convient parfaitement au débutant!

Bonne voix, bonne qualité vidéo. Je conseille ses tutoriels.

Facile à suivre, et beaucoup de points importants sont abordés ce qui permet d'avoir des tutos intéressants.

 

D'autres tuto de Infoprog

Créer et personnaliser un player audio HTML5 de A à ZCréer et personnaliser un player audio HTML5 de A à Z
Dans cette formation vidéo, vous allez apprendre à créer et personnaliser un player…

Galerie d'images avec son espace d'administrationGalerie d'images avec son espace d'administration
Dans ce tuto Dreamweaver CS5, en vidéo , vous allez apprendre à créer une galerie…

Réaliser un panier d'achat de A à ZRéaliser un panier d'achat de A à Z
Dans ce tuto PHP, en vidéo, vous allez apprendre à réaliser un panier d'achat de A…

Créer un champs de recherche personnalisé en CSS3Créer un champs de recherche personnalisé en CSS3
Dans ce tuto CSS3 en vidéo, vous allez apprendre à créer des champs de recherche personnalisés…

voir tous les tuto de Infoprog

Notes attribuées par les utilisateurs (1 vote)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (8)

par Infoprog
(auteur de ce tuto - 14 décembre 2013)

" Bonjour,

Envoyez-moi le fichier qui pose problème à l'adresse infoprog.tuto@gmail.com

Cordialement. "

par fabre
(a acheté ce tuto - 13 décembre 2013)

" Bonjour !
Bon tuto, mais j'ai un problème dans admin/index.php au niveau du submit, lorsque je valid mon fichier ogg, ça m'indique aucun fichier sélectionné pour le submit plus l'erreur 'Indiquez une source audio'.
Ma base de données est correcte, quand je fais un insert direct de phpmyadmin, ça fonctionne, mon fichier ogg se trouve bien chargé dans les 2 index.php.
D'ou vient le problème ?
Merci de votre réponse !
Bonne continuation ! "

par quentinho
(a acheté ce tuto - 15 août 2013)

" C'est envoyé ;) "

par Infoprog
(auteur de ce tuto - 10 août 2013)

" Bonjour quentinho,

Envoyez moi tous les fichiers que vous avez réalisé (php et base de données) à l'adresse infoprog.tuto@gmail.com et je verrai s'il y a une erreur :)

Cordialement. "

par quentinho
(a acheté ce tuto - 10 août 2013)

" Je n'arrive toujours pas l'ultime étape de ce tuto, quand j'essaie d'add une musiqe via le backoffice, bien qu'en glissant le fichier . ogg il me l'enleve quand je valide et me donne ce message d'erreur : - Indiquez une source audio

Quelqu'un aurait-il une réponse?

merci, sinon excellent tutoriel même pour un débutant. "

par agorat
(a acheté ce tuto - 10 juin 2013)

" salut,
les musiques de la playlist s'enchainent-elles? je vois rien à ce sujet sur l'extrait vidéo.
ce lecteur marche-t-il partout? ios, android, chrome...
dernier point, est-il possible d'organiser les titres une fois uploadés?
merci d'avance de tes réponses "

par Infoprog
(auteur de ce tuto - 20 janvier 2013)

" giuseppe : Merci pour l'idée de cette formation ! Si tu recherches d'autres formations sur le développement web, n'hésites pas ;) "

par giuseppea voté :
(a acheté ce tuto - 17 janvier 2013)

" Très bon tuto, efficace ,clair ,précis, très bien expliqué.
"

 

Donnez votre avis ou posez une question au formateur.

Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

Ce tuto en résumé ...

Ce tuto Dreamweaver CS5, HTML 5, Php 5 d’une durée de 49 minutes a été acheté 105 fois et a reçu une note moyenne de 5/5.

Ce tuto a été publié le 17 janvier 2013 par Infoprog, contributeur, ayant reçu une note moyenne de 4,6/5 pour l’ensemble de ses vidéos.

Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.

Cette formation qui se présente sous la forme de plusieurs vidéos, vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

N'hésitez pas à nous contacter si vous avez la moindre question !