Rumah hujung hadapan web tutorial js JS HTML5 音乐天气播放器(Ajax获取天气信息)_javascript技巧

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

May 16, 2016 pm 05:33 PM
cuaca pemain muzik

晚上要考软件工程,实在不想复习。写个播放器吧,这个只是个用来学习的小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技巧
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Pengalaman pelancaran Bose Soundbar Ultra: Teater rumah terus dari kotak? Pengalaman pelancaran Bose Soundbar Ultra: Teater rumah terus dari kotak? Feb 06, 2024 pm 05:30 PM

Sepanjang yang saya ingat, saya mempunyai sepasang pembesar suara yang berdiri di lantai di rumah Saya sentiasa percaya bahawa TV hanya boleh dipanggil TV jika ia dilengkapi dengan sistem bunyi yang lengkap. Tetapi apabila saya mula bekerja, saya tidak mampu membeli audio rumah profesional. Selepas bertanya dan memahami kedudukan produk, saya dapati kategori bar bunyi sangat sesuai untuk saya ia memenuhi keperluan saya dari segi kualiti bunyi, saiz dan harga. Oleh itu, saya memutuskan untuk menggunakan bar bunyi. Selepas pemilihan yang teliti, saya memilih produk bar bunyi panoramik yang dilancarkan oleh Bose pada awal 2024: Pembesar suara hiburan rumah Bose Ultra. (Sumber foto: Difoto oleh Lei Technology) Secara umumnya, jika kita ingin mengalami kesan Dolby Atmos "asal", kita perlu memasang bunyi sekeliling + siling yang diukur dan ditentukur di rumah.

VLC Chromecast tidak berfungsi pada Windows PC VLC Chromecast tidak berfungsi pada Windows PC Mar 26, 2024 am 10:41 AM

Adakah ciri Chromecast VLC tidak berfungsi pada PC Windows anda Isu ini mungkin disebabkan oleh isu keserasian antara peranti Chromecast anda dan ciri penghantaran VLC. Dalam artikel ini, kami akan memberitahu anda perkara yang boleh anda lakukan dalam situasi ini dan perkara yang perlu dilakukan jika pemapar VLC tidak dapat mencari Chromecast anda. Bagaimana untuk menggunakan ChromecastVLC pada Windows? Untuk menggunakan VLC untuk menghantar video dari Windows ke Chromecast, ikut langkah ini: Buka apl pemain media dan pergi ke menu main. Navigasi ke pilihan Renderer dan anda akan dapat melihat peranti Chromecast dikesan

Audacity kini mendapat keupayaan penyuntingan audio AI dengan pemalam Intel OpenVINO Audacity kini mendapat keupayaan penyuntingan audio AI dengan pemalam Intel OpenVINO Feb 15, 2024 am 11:06 AM

Audacity ialah perisian penyuntingan audio merentas platform sumber terbuka dan percuma. Ia mempunyai kod terbuka dan mekanisme sumbangan pemalam, dan sesiapa sahaja boleh mengambil bahagian. Selain itu, Intel menawarkan set percuma pemalam OpenVINOAI yang direka untuk editor muzik dan pengeluar podcast. Laman web ini mendapati bahawa pakej pemalam adalah kira-kira 2GB dalam saiz dan boleh dimuat turun pada halaman GitHub Intel Ia juga memerlukan versi Windows 64-bit Audacity untuk dijalankan. Perkara yang paling intuitif tentang pemalam AI ini ialah ia membawa tiga alat lanjutan kepada fungsi penyuntingan muzik Audacity: Yang pertama ialah fungsi "Generasi Muzik" Pengguna boleh menggunakan teks untuk menerangkan muzik yang mereka inginkan, dan AI akan menjana muzik klip dalam masa 60 saat untuk memudahkan pengiklanan dan muzik filem

Bar kemajuan pemain Win10 tidak bergerak Bar kemajuan pemain Win10 tidak bergerak Feb 12, 2024 am 08:12 AM

Versi kemas kini Oktober Windows 10v1809 sedang menuju ke arah peningkatan Windows paling teruk dalam sejarah tanpa teragak-agak. Bukan sahaja ia ditarik balik segera selepas keluaran rasmi pertama, tetapi ia masih penuh dengan pepijat selepas dibina semula selama sebulan, membuatkan orang ramai meragui kualiti Microsoft. Kawalan semakin risau. Kini, ia mempunyai satu lagi pepijat dalam senarainya, dan kali ini ia adalah pemain media Microsoft sendiri, Windows Media Player. Baru-baru ini, beberapa netizen telah melaporkan bahawa selepas memasang tampung terbaharu, Windows Media Player dalam Windows 10v1809 mengalami masalah di mana bar kemajuan main balik tidak boleh diseret. Tiada penyelesaian ditemui lagi. Microsoft telah mengesahkan pepijat yang melibatkan dua tampung untuk KB4

Bagaimana untuk menambah muzik tempatan pada muzik soda Bagaimana untuk menambah muzik tempatan pada muzik soda Feb 23, 2024 pm 07:13 PM

Bagaimana untuk menambah muzik tempatan ke Muzik Soda? Anda boleh menambah muzik tempatan kegemaran anda ke APP Muzik Soda, tetapi kebanyakan rakan tidak tahu cara menambah muzik tempatan Seterusnya ialah tutorial grafik tentang cara menambah muzik tempatan yang dibawa oleh editor, pengguna yang berminat datang dan lihat! Tutorial menggunakan muzik soda Cara menambah muzik tempatan ke muzik soda 1. Mula-mula buka APP muzik soda dan klik pada kawasan fungsi [Muzik] di bahagian bawah halaman utama ikon [tiga titik] di sudut kanan bawah 3. Akhir sekali Kembangkan bar fungsi di bawah dan pilih butang [Muat Turun] untuk menambahkannya ke muzik tempatan.

Langkah terperinci untuk melihat muzik kegemaran anda di Douyin Langkah terperinci untuk melihat muzik kegemaran anda di Douyin Mar 26, 2024 pm 06:20 PM

1. Klik [+]. 2. Klik [Pilih Muzik] di atas. 3. Klik [Kegemaran Saya]. Kaedah 2: 1. Buka Douyin dan klik [Saya]. 2. Klik [Kumpul] di sebelah avatar. 3. Klik [Muzik]

Cara memainkan muzik di WeChat Cara memainkan muzik di WeChat Feb 23, 2024 pm 09:28 PM

Bagaimana untuk memainkan muzik di WeChat? Anda boleh memainkan muzik kegemaran anda pada APP WeChat, tetapi kebanyakan rakan tidak tahu cara memainkan muzik kegemaran mereka di WeChat Seterusnya ialah tutorial grafik tentang cara memainkan muzik di WeChat yang dibawa oleh editor. Pengguna yang berminat datang dan lihat! Tutorial penggunaan WeChat: Cara memainkan muzik di WeChat 1. Mula-mula buka APP WeChat, luncurkan ke bawah dari atas untuk masuk ke halaman program mini 2. Kemudian klik [Muzik] seperti yang ditunjukkan oleh anak panah dalam gambar di bawah; dalam antara muka seperti yang ditunjukkan di bawah, masukkan kotak carian Masukkan tajuk lagu kegemaran anda 4. Akhir sekali, pilih tajuk lagu yang sepadan dan klik untuk memainkan lagu.

Memilih tablet yang sesuai untuk pelajar muzik Memilih tablet yang sesuai untuk pelajar muzik Jan 10, 2024 pm 10:09 PM

Tablet manakah yang sesuai untuk pemuzik? Pembesar suara 12.9 inci dalam iPad Huawei adalah produk yang sangat baik. Ia datang dengan empat pembesar suara dan kualiti bunyi yang sangat baik. Selain itu, ia tergolong dalam siri pro, yang lebih baik sedikit daripada gaya lain. Secara keseluruhan, iPad Pro ialah produk yang sangat baik. Pembesar suara telefon bimbit mini4 ini kecil dan kesannya sederhana. Ia tidak boleh digunakan untuk memainkan muzik secara luaran, anda masih perlu bergantung pada fon kepala untuk menikmati muzik. Fon kepala dengan kualiti bunyi yang baik akan mempunyai kesan yang lebih baik sedikit, tetapi fon kepala murah bernilai tiga puluh atau empat puluh yuan tidak dapat memenuhi keperluan. Apakah tablet yang perlu saya gunakan untuk muzik piano elektronik. Jika anda ingin membeli iPad yang lebih besar daripada 10 inci, saya mengesyorkan menggunakan dua aplikasi, iaitu Henle dan Piascore. Disediakan oleh Henle

See all articles