首页 > 其他分享 >web podcast player & music player All In One

web podcast player & music player All In One

时间:2024-09-17 10:26:09浏览次数:8  
标签:web player https xgqfrms podcast com

web podcast player & music player All In One

起因

发现好多 podcast 的播放器,竟然没有音量调节、自动循环等功能!
这种设计的 UX 太差了,所以只好自己动手了!

image

https://beyondcodefm.com/zh-CN/66cee1f156bfd3907ab00fc9

image

https://www.xiaoyuzhoufm.com/episode/66cee1f156bfd3907ab00fc9

solutions

手搓一个 web podcast player

github OSS

...

demos

loop / auto play

<figure>
  <figcaption>C1 English Listening Practice - Investing in Your Education</figcaption>
  <audio
  controls
  loop
  muted="false"
  src="file:///Users/xgqfrms-mm/Desktop/C1%20English%20Listening%20Practice%20-%20Investing%20in%20Your%20Education.mp3"></audio>
  <a href="file:///Users/xgqfrms-mm/Desktop/C1%20English%20Listening%20Practice%20-%20Investing%20in%20Your%20Education.mp3"> Download audio </a>
</figure>


(

标签:web,player,https,xgqfrms,podcast,com
From: https://www.cnblogs.com/xgqfrms/p/18416940

相关文章

  • Python Web开发中的扩展与插件开发:从自定义到打包与发布
    PythonWeb开发中的扩展与插件开发:从自定义到打包与发布目录⚙️Flask中的自定义扩展开发......
  • Python Web 开发中的国际化与本地化处理
    PythonWeb开发中的国际化与本地化处理目录......
  • 响应式CSS 媒体查询——WEB开发系列39
    CSS媒体查询(MediaQueries)是响应式设计中的核心技术之一,帮助我们在不同设备上展示不同的样式。通过媒体查询,开发者可以检测用户设备的特性,如屏幕宽度、高度、分辨率、方向等,针对性地调整网页布局。一、CSS媒体查询基础1.1什么是媒体查询?媒体查询是CSS3引入的一种技术,允许开发者根......
  • Windows Media Player 中的 DRM(数字版权管理DRM 的英文全称是 Digital Rights Managem
    WindowsMediaPlayer中的DRM(数字版权管理DRM的英文全称是DigitalRightsManagement)功能起源于微软对保护数字内容的需求。其起源可以追溯到:版权保护需求:随着数字音乐和视频的普及,内容创作者和版权所有者希望防止未经授权的复制和分发。WindowsMediaRightsManager......
  • WebElement的常用属性和方法
    WebElement是WebDriver.find_element()方法返回的一个对象,该对象用来描述Web上的一个元素,比如输入框,按钮等。本节介绍WebElement的常用属性和方法。一、WebElement的常用属性属性属性描述1id标识2size宽高3rect宽高和坐标4tag_name标签名称5tex......
  • JAVA-IO获取resource WEB-INF 中文件 JAR包中
    getResource+getPath()classPaththis.getClass().getClassLoader().getResource(StringUtils.EMPTY).getPath()Stringpath=this.getClass().getClassLoader().getResource(fileName).getPath();StringfilePath=URLDecoder.decode(path,StandardCharsets.UTF_8);......
  • 系统播放器 MediaPlayer
    MediaPlayer是Android中的一个多媒体播放类,我们可以通过它控制音视频流或本地音视频资源的播放过程。状态图和生命周期MediaPlayer类主要的状态如下:IdleEndErrorInitializedPreparePreparingStartedPausedStoppedPlaybackCompletedMedia的状态周期如下:从图......
  • Javaweb之SpringBootWeb案例之阿里云OSS服务集成的详细解析
     2.3.3集成阿里云oss对象存储服务的准备工作以及入门程序我们都已经完成了,接下来我们就需要在案例当中集成oss对象存储服务,来存储和管理案例中上传的图片。编辑在新增员工的时候,上传员工的图像,而之所以需要上传员工的图像,是因为将来我们需要在系统页面当中访问并展示员工的图像。......
  • 从零开始:使用Dash创建功能丰富的交互式Web应用程序
    在数据科学和可视化领域,交互式Web应用程序是与用户交互和展示数据的强大工具。Dash是一个用Python构建交互式Web应用程序的开源框架,它结合了Flask、React和Plotly等技术,让开发者能够快速创建功能丰富的数据可视化应用。本文将介绍如何使用Dash来构建交互式Web应用程序,并提供代码示......
  • Java Web项目使用注解和面向切面编程优雅的记录操作日志
    1.背景在我们的项目中,记录模块的操作日志比较麻烦,需要通过定义对象,获取需要记录的日志内容,最后插入到日志操作表等一系列动作才能完成。该方案既笨拙,使用也不方便,使得代码中存在大量冗余。因此,想要找到一种方便又优雅的方案解决该问题,使得日志模块既不影响业务逻辑的执行,又能......