Blog de videotutoriales, videojuegos, hardware, software, informática y tecnologíaBlog de videotutoriales, videojuegos, hardware, software, informática y tecnologíaBlog de videotutoriales, videojuegos, hardware, software, informática y tecnologíaBlog de videotutoriales, videojuegos, hardware, software, informática y tecnología

✕

MENTA ZEN
  • Inicio
  • Tutoriels
  • Votre radio internet en ligne avec Winamp et Shoutcast sur votre site web

Votre radio internet en ligne avec Winamp et Shoutcast sur votre site web

Nous avons déjà appris à créer une radio en ligne avec Winamp et Shoutcast.
Nous avons aussi appris à créer une redirection web ou un domaine avec no-ip pour mettre à jour automatiquement notre IP et ne plus avoir besoin de notre numéro d’IP pour partager l’adresse de notre radio, et nous avons appris à ouvrir les ports de notre routeur.

Pour compléter l’apprentissage, il est maintenant temps de savoir comment placer un lecteur audio sur notre site web pour que nos auditeurs puissent nous écouter simplement en cliquant sur un bouton “play” typique.

Voici des captures d’écran du lecteur que nous allons créer :

lecteur web shoutcast winamp jwplayer

Nous pouvons configurer les options suivantes :

  • Largeur et hauteur du lecteur.
  • Afficher ou non une image.
  • Changer les couleurs de l’arrière-plan et des boutons.
  • Activer ou désactiver la lecture automatique lors de l’entrée sur le site.

Pour ce faire, nous aurons besoin d’avoir accès au FTP de notre serveur web, car nous devons héberger les fichiers du lecteur. Nous avons également besoin de connaissances de base en HTML.
Pour cela, nous utiliserons la librairie “swfobject” pour insérer des fichiers flash et le lecteur “jwplayer”, qui est compatible avec tous les navigateurs actuels.

Les fichiers nécessaires sont disponibles via le lien suivant :

Ils ont été supprimés car ils sont désormais obsolètes (ils utilisaient la technologie flash).

Tutoriels vidéo associés :
1. Créer une radio en ligne avec Winamp et Shoutcast
2. Créer une redirection web ou un domaine avec no-ip.com
3. Ouvrir les ports de notre routeur

Questions connexes

Module 6.4 Elementor: Designing professional headers and footers


Voir plus d'informations

Module 6.3 Elementor : widgets essentiels et maîtrise de la structure


Voir plus d'informations

Module 6.1 Elementor : installation et configuration initiale


Voir plus d'informations

Laisser un commentaire Annuler la réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Fabriqué avec 💔 ; en Europe
Palestine libre
LGBTQ+ friendly
Technologie, code, rétro et pensée libre jusqu’à la fin de l’aventure.
Exploration de bits et de pixels depuis 2012.
FrançaisFrançais▼
  • EspañolEspañol
  • EnglishEnglish
  • PortuguêsPortuguês

Développement web :
Développeur Web Freelance

    • Mentazen.com - Actualités, jeux vidéo, tutoriels, web et rétro !