js 爬虫下载 mp3 All In One

js 爬虫下载 mp3 All In One

韩语发音表

// 1. 获取 url path

// 2. create links


// 3. auto click download

demo

https://www.2hanyu.com/fayin/biao40.html

https://www.2hanyu.com/mp3/yinbiao/a.mp3

audio

<figure>
    <figcaption>元音>>单元音<mark>ㅏ</mark><sup>[a] </sup></figcaption>
    <audio controls src="https://www.2hanyu.com/mp3/yinbiao/a.mp3">
            Your browser does not support the <code>audio</code> element.
    </audio>
</figure>

<audio controls>
  <source src="https://www.2hanyu.com/mp3/yinbiao/a.mp3" type="audio/mpeg">
  <source src="https://www.2hanyu.com/mp3/yinbiao/a.ogg" type="audio/ogg">
  <p>Your browser doesn't support HTML5 audio. Here is a <a href="https://www.2hanyu.com/mp3/yinbiao/a.mp3">link to the audio</a> instead.</p>
</audio>

元音>>单元音ㅏ^[a]

video

<video controls width="250">
    <source src="https://www.2hanyu.com/mp3/yinbiao/a.webm" type="video/webm">
    <source src="https://www.2hanyu.com/mp3/yinbiao/a.mp4"  type="video/mp4">
    <p>Sorry, your browser doesn't support embedded videos.</p>
</video>

<video controls  src="https://www.2hanyu.com/mp3/yinbiao/a.mp4">
    <track default kind="captions"  srclang="en" src="https://www.2hanyu.com/mp3/yinbiao/a.vtt" />
    <p>Sorry, your browser doesn't support embedded videos.</p>
</video>

map

<map name="info_graphic">
    <area shape="poly" coords="130,147,200,107,254,219,130,228"  href="https://developer.mozilla.org/docs/Web/HTML" target="_blank" alt="HTML" />
    <area shape="poly" coords="130,147,130,228,6,219,59,107" href="https://developer.mozilla.org/docs/Web/CSS" target="_blank" alt="CSS" />
    <area shape="poly" coords="130,147,200,107,130,4,59,107" href="https://developer.mozilla.org/docs/Web/JavaScript" target="_blank" alt="JavaScript" />
</map>
<img usemap="#info_graphic" src="https://interactive-examples.mdn.mozilla.net/media/examples/mdn-info2.png" alt="MDN infographic" />

refs

HTML5 media tags

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

---

---

©xgqfrms 2012-2025

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---