Maison interface Web js tutoriel JS HTML5 音乐天气播放器(Ajax获取天气信息)_javascript技巧

JS HTML5 音乐天气播放器(Ajax获取天气信息)_javascript技巧

May 16, 2016 pm 05:33 PM
天气 播放器 音乐

晚上要考软件工程,实在不想复习。写个播放器吧,这个只是个用来学习的小Demo,众多不完善之处,下面贴出源代码,如果要转载,请加上版权声明

PS:因为Ajax涉及到跨域获取天气信息,有两个版本,一个是直接跨域,IE10支持,其他的浏览器要改配置。另一个是服务器端的weather.php,获取天气信息返回json。
weather.php就不写了,里面的对应路径存放对应的文件

演示地址:
http://569375.ichengyun.net/fm/

实现功能:
音乐播放,进度调节(滑动模块),音量条件,音乐随机选择,背景图片,图片预加载,音乐预加载,天气Ajax获取
音乐列表使用的json处理(也可以理解是hash表)

复制代码 代码如下:




音乐天气







喜欢一个人


不难


被同一个人喜欢
好难








0:00





0:00





















文件目录结构:
images:存放botton.png
rain:存放背景
storage:存放mp3格式音乐
JS HTML5 音乐天气播放器(Ajax获取天气信息)_javascript技巧
JS HTML5 音乐天气播放器(Ajax获取天气信息)_javascript技巧
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Expérience de lancement de la Bose Soundbar Ultra : le cinéma maison dès la sortie de la boîte ? Expérience de lancement de la Bose Soundbar Ultra : le cinéma maison dès la sortie de la boîte ? Feb 06, 2024 pm 05:30 PM

D'aussi loin que je me souvienne, j'ai eu une paire de grandes enceintes sur pied chez moi. J'ai toujours pensé qu'un téléviseur ne pouvait être appelé téléviseur que s'il était équipé d'un système audio complet. Mais lorsque j’ai commencé à travailler, je ne pouvais pas me permettre un son professionnel à domicile. Après m'être renseigné et compris le positionnement du produit, j'ai trouvé que la catégorie barre de son me convient très bien. Elle répond à mes besoins en termes de qualité sonore, de taille et de prix. J’ai donc décidé d’opter pour la barre de son. Après une sélection minutieuse, j'ai sélectionné ce produit de barre de son panoramique lancé par Bose début 2024 : l'enceinte de divertissement à domicile Bose Ultra. (Source photo : photographié par Lei Technology) De manière générale, si nous voulons expérimenter l'effet Dolby Atmos « original », nous devons installer chez nous un son surround + plafond mesuré et calibré.

VLC Chromecast ne fonctionne pas sur un PC Windows VLC Chromecast ne fonctionne pas sur un PC Windows Mar 26, 2024 am 10:41 AM

La fonctionnalité VLC Chromecast ne fonctionne pas sur votre PC Windows ? Ce problème peut être dû à des problèmes de compatibilité entre votre appareil Chromecast et la fonctionnalité de diffusion de VLC. Dans cet article, nous vous expliquerons ce que vous pouvez faire dans cette situation et que faire si le moteur de rendu VLC ne trouve pas votre Chromecast. Comment utiliser ChromecastVLC sous Windows ? Pour utiliser VLC pour diffuser des vidéos de Windows vers Chromecast, procédez comme suit : Ouvrez l'application Media Player et accédez au menu Lecture. Accédez à l'option Renderer et vous pourrez voir le périphérique Chromecast détecté.

Audacity bénéficie désormais de capacités d'édition audio IA avec le plug-in Intel OpenVINO Audacity bénéficie désormais de capacités d'édition audio IA avec le plug-in Intel OpenVINO Feb 15, 2024 am 11:06 AM

Audacity est un logiciel d'édition audio multiplateforme gratuit et open source. Il dispose d'un code ouvert et d'un mécanisme de contribution de plug-in, et tout le monde peut y participer. De plus, Intel propose un ensemble gratuit de plug-ins OpenVINOAI conçus pour les éditeurs de musique et les producteurs de podcasts. Ce site Web a remarqué que le package de plug-ins fait environ 2 Go et peut être téléchargé sur la page GitHub d'Intel. Il nécessite également la version Windows 64 bits d'Audacity pour fonctionner. La chose la plus intuitive à propos de ce plug-in d'IA est qu'il apporte trois outils avancés à la fonction d'édition musicale d'Audacity : Le premier est la fonction « génération de musique ». Les utilisateurs peuvent utiliser du texte pour décrire la musique qu'ils souhaitent, et l'IA générera de la musique. clips dans les 60 secondes pour faciliter la publicité et la musique de film.

La barre de progression du lecteur Win10 ne bouge pas La barre de progression du lecteur Win10 ne bouge pas Feb 12, 2024 am 08:12 AM

La version mise à jour d'octobre de Windows 10v1809 se dirige sans hésitation vers la pire mise à jour de Windows de l'histoire. Non seulement elle a été retirée en urgence après sa première version officielle, mais elle était encore pleine de bugs après avoir été reconstruite pendant un mois, faisant douter de la qualité de Microsoft. contrôle. Je suis de plus en plus inquiet. Maintenant, il a un autre bug sur sa liste, et cette fois il s'agit du propre lecteur multimédia de Microsoft, Windows Media Player. Récemment, certains internautes ont signalé qu'après l'installation du dernier correctif, Windows Media Player dans Windows 10v1809 rencontrait un problème qui empêchait de faire glisser la barre de progression de la lecture. Aucune solution n'a encore été trouvée. Microsoft a confirmé un bug impliquant deux correctifs pour KB4

Comment ajouter de la musique locale à la musique soda Comment ajouter de la musique locale à la musique soda Feb 23, 2024 pm 07:13 PM

Comment ajouter de la musique locale à Soda Music ? Vous pouvez ajouter votre musique locale préférée à l'application Soda Music, mais la plupart des amis ne savent pas comment ajouter de la musique locale. Voici ensuite le didacticiel graphique sur la façon d'ajouter de la musique locale à Soda Music. l'éditeur. , les utilisateurs intéressés viennent jeter un œil ! Tutoriel sur l'utilisation de la musique soda. Comment ajouter de la musique locale à la musique soda. 1. Ouvrez d'abord l'application soda music et cliquez sur la zone de fonction [Musique] en bas de la page principale. l'icône [trois points] dans le coin inférieur droit ; 3. Enfin, développez la barre de fonctions ci-dessous et sélectionnez le bouton [Télécharger] pour l'ajouter à la musique locale.

Étapes détaillées pour afficher votre musique préférée sur Douyin Étapes détaillées pour afficher votre musique préférée sur Douyin Mar 26, 2024 pm 06:20 PM

1. Cliquez sur [+]. 2. Cliquez sur [Sélectionner la musique] ci-dessus. 3. Cliquez sur [Mes favoris]. Méthode 2 : 1. Ouvrez Douyin et cliquez sur [Moi]. 2. Cliquez sur [Collecter] à côté de l'avatar. 3. Cliquez sur [Musique]

Choisir la bonne tablette pour les étudiants en musique Choisir la bonne tablette pour les étudiants en musique Jan 10, 2024 pm 10:09 PM

Quelle tablette convient aux musiciens ? Le haut-parleur de 12,9 pouces de l’iPad de Huawei est un très bon produit. Il est livré avec quatre haut-parleurs et le son est excellent. De plus, il appartient à la série pro, qui est légèrement meilleure que les autres styles. Dans l’ensemble, l’iPad Pro est un très bon produit. Le haut-parleur de ce téléphone mobile mini4 est petit et l'effet est moyen. Il ne peut pas être utilisé pour écouter de la musique en externe, vous devez quand même compter sur des écouteurs pour profiter de la musique. Des écouteurs avec une bonne qualité sonore auront un effet légèrement meilleur, mais des écouteurs bon marché d'une valeur de trente ou quarante yuans ne peuvent pas répondre aux exigences. Quelle tablette dois-je utiliser pour écouter de la musique de piano électronique ? Si vous souhaitez acheter un iPad de plus de 10 pouces, je vous recommande d'utiliser deux applications, à savoir Henle et Piascore. Fourni par Henle

Comment écouter de la musique sur WeChat Comment écouter de la musique sur WeChat Feb 23, 2024 pm 09:28 PM

Comment écouter de la musique sur WeChat ? Vous pouvez écouter votre musique préférée sur WeChat APP, mais la plupart des amis ne savent pas comment écouter leur musique préférée sur WeChat. Voici ensuite le didacticiel graphique sur la façon d'écouter de la musique sur WeChat proposé par l'éditeur. Les utilisateurs intéressés viennent jeter un œil ! Tutoriel d'utilisation de WeChat : Comment écouter de la musique sur WeChat 1. Ouvrez d'abord l'application WeChat, faites glisser vers le bas pour accéder à la page du mini programme 2. Cliquez ensuite sur [Musique] comme indiqué par la flèche dans l'image ci-dessous ; dans l'interface comme indiqué ci-dessous, entrez dans la zone de recherche Entrez le titre de votre chanson préférée ; 4. Enfin, sélectionnez le titre de la chanson correspondante et cliquez pour lire la chanson.

See all articles