웹 프론트엔드 JS 튜토리얼 JS HTML5 음악 날씨 플레이어(날씨 정보를 얻기 위한 Ajax)_javascript 기술

JS HTML5 음악 날씨 플레이어(날씨 정보를 얻기 위한 Ajax)_javascript 기술

May 16, 2016 pm 05:33 PM
날씨 플레이어 음악

오늘 밤에 소프트웨어 엔지니어링 시험이 있는데 복습하고 싶지 않습니다. 플레이어를 작성하세요. 이것은 불완전한 부분이 많습니다. 소스 코드를 다시 인쇄하려면 저작권 표시를 추가하세요.

추신: Ajax는 국경을 초월합니다. 도메인에서 날씨 정보를 얻는 데는 두 가지 버전이 있습니다. 하나는 도메인 간 직접 지원되며 다른 브라우저는 구성을 변경해야 합니다. 다른 하나는 날씨 정보를 가져오고 json을 반환하는 서버 측의 Weather.php입니다.
weather.php는 작성되지 않으며 내부의 해당 경로에 해당 파일이 저장됩니다.

데모 주소:
http://569375.ichengyun.net/fm/

구현된 기능:
음악 재생, 진행 조정(슬라이딩 모듈), 볼륨 조건, 무작위 음악 선택, 배경 이미지, 이미지 사전 로딩, 음악 사전 로딩, 날씨 Ajax 획득
JSON 음악 목록에 사용되는 처리 (해시 테이블로도 이해 가능)

코드 복사 코드는 다음과 같습니다.



<머리>
소리구천기




<본문>


喜欢一个人


不难


被同一个人喜欢
好难








0:00





0:00





















文件目录结构:
images:存放botton.png
rain:存放背景
storage:存放mp3格式Music乐
JS HTML5 음악 날씨 플레이어(날씨 정보를 얻기 위한 Ajax)_javascript 기술
JS HTML5 음악 날씨 플레이어(날씨 정보를 얻기 위한 Ajax)_javascript 기술
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Bose Soundbar Ultra 출시 경험: 홈시어터를 상자에서 꺼내자마자 바로 사용할 수 있나요? Bose Soundbar Ultra 출시 경험: 홈시어터를 상자에서 꺼내자마자 바로 사용할 수 있나요? Feb 06, 2024 pm 05:30 PM

제가 기억하는 한, 저는 집에 대형 플로어 스탠딩 스피커 한 쌍을 가지고 있었습니다. 저는 TV가 완전한 사운드 시스템을 갖추고 있어야만 TV라고 부를 수 있다고 항상 믿어왔습니다. 하지만 처음 일을 시작했을 때는 전문적인 홈 오디오를 구입할 여유가 없었습니다. 제품 포지셔닝을 문의하고 이해한 결과 사운드바 카테고리가 음질, 크기 및 가격 측면에서 나에게 매우 적합하다는 것을 알았습니다. 그래서 사운드바로 가기로 결정했습니다. 신중한 선택 끝에 2024년 초 보스가 출시한 파노라믹 사운드바 제품, 보스 홈 엔터테인먼트 스피커 울트라를 선택했습니다. (사진 출처: Lei Technology 촬영) 일반적으로 "원래의" Dolby Atmos 효과를 경험하려면 측정되고 보정된 서라운드 사운드 + 천장을 집에 설치해야 합니다.

VLC Chromecast가 Windows PC에서 작동하지 않음 VLC Chromecast가 Windows PC에서 작동하지 않음 Mar 26, 2024 am 10:41 AM

VLC Chromecast 기능이 Windows PC에서 작동하지 않습니까? 이 문제는 Chromecast 장치와 VLC의 전송 기능 간의 호환성 문제로 인해 발생할 수 있습니다. 이 글에서는 이러한 상황에서 무엇을 할 수 있는지, 그리고 VLC 렌더러가 Chromecast를 찾을 수 없는 경우 어떻게 해야 하는지 알려드리겠습니다. Windows에서 ChromecastVLC를 사용하는 방법 VLC를 사용하여 Windows에서 Chromecast로 비디오를 전송하려면 다음 단계를 따르세요. 미디어 플레이어 앱을 열고 재생 메뉴로 이동하세요. 렌더러 옵션으로 이동하면 감지된 Chromecast 장치를 볼 수 있습니다.

Audacity는 이제 Intel OpenVINO 플러그인을 통해 AI 오디오 편집 기능을 제공합니다. Audacity는 이제 Intel OpenVINO 플러그인을 통해 AI 오디오 편집 기능을 제공합니다. Feb 15, 2024 am 11:06 AM

Audacity는 무료 오픈 소스 크로스 플랫폼 오디오 편집 소프트웨어입니다. 오픈 코드와 플러그인 기여 메커니즘을 갖추고 있어 누구나 참여할 수 있습니다. 또한 Intel은 음악 편집자와 팟캐스트 제작자를 위해 설계된 무료 OpenVINOAI 플러그인 세트를 제공합니다. 이 웹사이트에서는 플러그인 패키지의 크기가 약 2GB이고 Intel의 GitHub 페이지에서 다운로드할 수 있음을 확인했습니다. 또한 실행하려면 64비트 Windows 버전의 Audacity가 필요합니다. 이 AI 플러그인의 가장 직관적인 점은 Audacity 음악 편집 기능에 세 가지 고급 도구를 제공한다는 것입니다. 첫 번째는 "Music Generation" 기능입니다. 사용자는 텍스트를 사용하여 원하는 음악을 설명할 수 있으며 AI가 음악을 생성합니다. 광고 및 영화 음악을 촉진하기 위해 60초 이내에 클립을 생성합니다.

Win10 플레이어 진행률 표시줄이 움직이지 않습니다. Win10 플레이어 진행률 표시줄이 움직이지 않습니다. Feb 12, 2024 am 08:12 AM

윈도우 10v1809의 10월 업데이트 버전은 1차 공식 출시 이후 급히 철회됐을 뿐만 아니라, 한 달 동안 재구축을 했는데도 여전히 버그가 가득해 사람들이 마이크로소프트의 품질을 의심하게 만드는 최악의 윈도우 업그레이드를 향해 거침없이 나아가고 있다. 통제가 점점 더 불안해지고 있습니다. 이제 목록에 버그가 하나 더 생겼는데 이번에는 Microsoft 자체 미디어 플레이어인 Windows Media Player입니다. 최근 일부 네티즌들은 최신 패치를 설치한 후 Windows 10v1809의 Windows Media Player에서 재생 진행률 표시줄을 드래그할 수 없는 문제가 발생한다고 제보했습니다. 아직 해결책을 찾지 못했습니다. Microsoft는 KB4에 대한 두 가지 패치와 관련된 버그를 확인했습니다.

소다 음악에 현지 음악을 추가하는 방법 소다 음악에 현지 음악을 추가하는 방법 Feb 23, 2024 pm 07:13 PM

Soda Music에 지역 음악을 추가하는 방법 Soda Music APP에 좋아하는 지역 음악을 추가할 수 있지만 대부분의 친구들은 지역 음악을 추가하는 방법을 모릅니다. 다음은 Soda Music에 지역 음악을 추가하는 방법에 대한 그래픽 튜토리얼입니다. 편집자 여러분, 관심 있는 사용자가 와서 살펴보세요! 소다 음악 사용에 대한 튜토리얼 소다 음악에 로컬 음악을 추가하는 방법 1. 먼저 소다 음악 앱을 열고 메인 페이지 하단의 [음악] 기능 영역을 클릭합니다. 오른쪽 하단에 있는 [점 3개] 아이콘 3. 마지막으로 아래 기능 표시줄을 확장하고 [다운로드] 버튼을 선택하여 로컬 음악에 추가합니다.

음악 학생에게 적합한 태블릿 선택 음악 학생에게 적합한 태블릿 선택 Jan 10, 2024 pm 10:09 PM

뮤지션에게 적합한 태블릿은? 화웨이 아이패드에 탑재된 12.9인치 스피커는 아주 좋은 제품이다. 4개의 스피커가 탑재되어 있으며 사운드도 훌륭합니다. 게다가 프로 시리즈에 속해 다른 스타일보다 조금 더 나은 모습을 보여준다. 전체적으로 아이패드 프로는 매우 좋은 제품입니다. 이 mini4 휴대폰의 스피커는 작고 효과는 평균입니다. 외부에서 음악을 재생하는 데 사용할 수 없으며 음악을 즐기려면 헤드폰을 사용해야 합니다. 음질이 좋은 헤드폰은 효과가 약간 더 좋지만 30~40위안의 값싼 헤드폰은 요구 사항을 충족할 수 없습니다. 전자피아노 음악을 들으려면 어떤 태블릿을 사용해야 할까요? 10인치보다 큰 아이패드를 구매하고 싶다면 헨레(Henle)와 피아스코어(Piascore)라는 두 가지 애플리케이션을 사용하는 것이 좋습니다. 헨레 제공

Douyin에서 좋아하는 음악을 보는 자세한 단계 Douyin에서 좋아하는 음악을 보는 자세한 단계 Mar 26, 2024 pm 06:20 PM

1. [+]를 클릭하세요. 2. 위의 [음악 선택]을 클릭하세요. 3. [내 즐겨찾기]를 클릭하세요. 방법 2: 1. Douyin을 열고 [Me]를 클릭합니다. 2. 아바타 옆에 있는 [수집]을 클릭하세요. 3. [음악]을 클릭하세요.

WeChat에서 음악을 재생하는 방법 WeChat에서 음악을 재생하는 방법 Feb 23, 2024 pm 09:28 PM

WeChat에서 음악을 재생하는 방법 WeChat 앱에서 좋아하는 음악을 재생할 수 있지만 대부분의 친구들은 WeChat에서 좋아하는 음악을 재생하는 방법을 모릅니다. 다음은 편집자가 가져온 WeChat에서 음악을 재생하는 방법에 대한 그래픽 튜토리얼입니다. 관심있는 유저들은 와서 구경해보세요! WeChat 사용 튜토리얼: WeChat에서 음악을 재생하는 방법 1. 먼저 WeChat 앱을 열고 위에서 아래로 밀어 미니 프로그램 페이지로 들어갑니다. 2. 그런 다음 아래 그림의 화살표에 표시된 대로 [음악]을 클릭합니다. 아래 표시된 인터페이스에서 검색 상자를 입력하십시오. 좋아하는 노래 제목을 입력하십시오. 4. 마지막으로 해당 노래 제목을 선택하고 클릭하여 노래를 재생하십시오.

See all articles