1：效果图

Python-flet实现个人视频播放器_Python

Python-flet实现个人视频播放器_Python_02

2：代码

import random
import flet as ftdef main(page: ft.Page):page.theme_mode = ft.ThemeMode.LIGHTpage.title = "岁月里客栈视频播放器"page.window.always_on_top = Truepage.spacing = 20page.horizontal_alignment = ft.CrossAxisAlignment.CENTERdef handle_pause(e):video.pause()print("Video.pause()")def handle_play_or_pause(e):video.play_or_pause()print("Video.play_or_pause()")def handle_play(e):video.play()print("Video.play()")def handle_stop(e):video.stop()print("Video.stop()")def handle_next(e):video.next()print("Video.next()")def handle_previous(e):video.previous()print("Video.previous()")def handle_volume_change(e):video.volume = e.control.valuepage.update()print(f"Video.volume = {e.control.value}")def handle_playback_rate_change(e):video.playback_rate = e.control.valuepage.update()print(f"Video.playback_rate = {e.control.value}")def handle_seek(e):video.seek(10000)print(f"Video.seek(10000)")def handle_add_media(e):video.playlist_add(random.choice(sample_media))print(f"Video.playlist_add(random.choice(sample_media))")def handle_remove_media(e):r = random.randint(0, len(video.playlist) - 1)video.playlist_remove(r)print(f"Popped Item at index: {r} (position {r+1})")def handle_jump(e):print(f"Video.jump_to(0)")video.jump_to(0)sample_media = [ft.VideoMedia("https://cesium.com/public/SandcastleSampleData/big-buck-bunny_trailer.mp4"),ft.VideoMedia("https://user-images.githubusercontent.com/28951144/229373718-86ce5e1d-d195-45d5-baa6-ef94041d0b90.mp4"),ft.VideoMedia("https://user-images.githubusercontent.com/28951144/229373716-76da0a4e-225a-44e4-9ee7-3e9006dbc3e3.mp4"),ft.VideoMedia("https://user-images.githubusercontent.com/28951144/229373695-22f88f13-d18f-4288-9bf1-c3e078d83722.mp4"),ft.VideoMedia("https://user-images.githubusercontent.com/28951144/229373709-603a7a89-2105-4e1b-a5a5-a6c3567c9a59.mp4",extras={"artist": "Thousand Foot Krutch","album": "The End Is Where We Begin",},http_headers={"Foo": "Bar","Accept": "*/*",},),]page.add(video := ft.Video(expand=True,playlist=sample_media[0:2],playlist_mode=ft.PlaylistMode.LOOP,fill_color=ft.colors.BLUE_400,aspect_ratio=16/9,volume=100,autoplay=False,filter_quality=ft.FilterQuality.HIGH,muted=False,on_loaded=lambda e: print("Video loaded successfully!"),on_enter_fullscreen=lambda e: print("Video entered fullscreen!"),on_exit_fullscreen=lambda e: print("Video exited fullscreen!"),),ft.Row(wrap=True,alignment=ft.MainAxisAlignment.CENTER,cnotallow=[ft.ElevatedButton("播放", on_click=handle_play),ft.ElevatedButton("暂停", on_click=handle_pause),ft.ElevatedButton("播放/暂停", on_click=handle_play_or_pause),ft.ElevatedButton("停止", on_click=handle_stop),ft.ElevatedButton("下一个", on_click=handle_next),ft.ElevatedButton("快进", on_click=handle_previous),ft.ElevatedButton("快进 s=10", on_click=handle_seek),ft.ElevatedButton("跳到 to first Media", on_click=handle_jump),ft.ElevatedButton("添加随机媒体", on_click=handle_add_media),ft.ElevatedButton("移除随机媒体", on_click=handle_remove_media),],),ft.Slider(min=0,value=100,max=100,label="Volume = {value}%",divisinotallow=10,width=400,on_change=handle_volume_change,),ft.Slider(min=1,value=1,max=3,label="PlaybackRate = {value}X",divisinotallow=6,width=400,on_change=handle_playback_rate_change,),)ft.app(main)
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78.
  • 79.
  • 80.
  • 81.
  • 82.
  • 83.
  • 84.
  • 85.
  • 86.
  • 87.
  • 88.
  • 89.
  • 90.
  • 91.
  • 92.
  • 93.
  • 94.
  • 95.
  • 96.
  • 97.
  • 98.
  • 99.
  • 100.
  • 101.
  • 102.
  • 103.
  • 104.
  • 105.
  • 106.
  • 107.
  • 108.
  • 109.
  • 110.
  • 111.
  • 112.
  • 113.
  • 114.
  • 115.
  • 116.
  • 117.
  • 118.
  • 119.
  • 120.
  • 121.
  • 122.
  • 123.
  • 124.
  • 125.
  • 126.
  • 127.
  • 128.
  • 129.
  • 130.
  • 131.
  • 132.
  • 133.
  • 134.
  • 135.
  • 136.
  • 137.
  • 138.
  • 139.
  • 140.
  • 141.
  • 142.
  • 143.
  • 144.
  • 145.
  • 146.
  • 147.
  • 148.
  • 149.
  • 150.
  • 151.
  • 152.
  • 153.
  • 154.
  • 155.
  • 156.
  • 157.
  • 158.
  • 159.

3：解释

代码功能解释

  • 这段代码实现了一个简单的视频播放器界面，使用了 flet 库来创建 GUI。主要功能包括：
  • 页面设置：设置页面主题模式、标题、窗口始终置顶、间距和水平对齐方式。
  • 事件处理函数：定义了多个事件处理函数，用于控制视频的播放、暂停、停止、快进、快退、音量调整、播放速度调整等操作。
  • 样本媒体列表：定义了一个包含多个视频媒体的列表 sample_media。
  • 视频组件：创建了一个 ft.Video 组件，设置了初始播放列表、播放模式、颜色、宽高比、音量等属性，并绑定了加载、进入全屏、退出全屏的回调函数。
  • 按钮和滑动条：添加了多个按钮和滑动条，用于触发事件处理函数，控制视频的播放状态和参数

4：介绍

  1. Flet 的基本概念
  • Flet 是一个基于 Python 的框架，用于快速构建跨平台的图形用户界面(GUI)应用程序。它允许开发者利用 Python 的强大功能来创建具有交互性的桌面和 Web 应用，而无需深入了解复杂的前端(如 HTML、CSS、JavaScript)和原生应用开发知识。
  • 其核心是通过简单的 Python 代码将用户界面组件组合起来，并处理用户交互事件，以实现各种应用功能。例如，使用 Flet 可以轻松创建一个简单的计算器应用，包括数字按钮、运算符按钮和显示结果的文本框，以及处理按钮点击事件来进行计算。
  1. Flet 的主要特点

  • Flet 支持实时更新页面内容。当应用程序的数据发生变化或者用户进行了交互操作，相关的 UI 组件可以自动更新显示内容。这是通过类似于响应式编程的方式实现的，开发者不需要手动刷新整个页面，只需更新需要改变的组件，Flet 会高效地重新渲染这些组件，提供流畅的用户体验。例如，在一个待办事项应用中，当用户添加或删除一个任务时，任务列表会自动更新显示，而不需要重新加载整个页面。

  • Flet 的事件处理方式直观易懂。对于每个 UI 组件，都可以轻松地绑定 Python 函数作为事件处理程序。例如，为按钮的点击事件(on_click)绑定一个函数，当用户按下按钮时，就会执行该函数。这种机制使得开发者能够快速实现交互功能，如数据验证、页面导航、数据更新等。

  • 它提供了各种各样的用户界面组件，如文本框(TextField)、按钮(ElevatedButton、TextButton 等)、标签(Text)、列表视图(ListView)、滑块(Slider)、复选框(Checkbox)等。这些组件具有高度的可定制性，可以方便地设置颜色、字体、大小、对齐方式等属性。例如，要创建一个具有特定背景颜色和字体颜色的按钮，只需在创建按钮时设置相应的属性即可。

  • Flet 支持构建在多种平台上运行的应用，包括 Windows、macOS、Linux 桌面应用和 Web 应用。这意味着可以使用相同的代码库开发应用，然后将其部署到不同的环境中。例如，一个为本地 Windows 用户开发的数据录入应用，也可以通过简单的部署，在 Web 浏览器中供用户访问，或者打包成适用于 macOS 的桌面应用。

  • 跨平台性

  • 丰富的 UI 组件库

  • 简单的事件处理机制

  • 实时更新和响应式设计

  1. Flet 的工作原理

  • Flet 应用程序本质上是一个 Python 应用，它通过与 Flet 服务器进行通信来实现 UI 的渲染和交互。当启动一个 Flet 应用时，它会在本地(对于桌面应用)或者在服务器(对于 Web 应用)上启动一个 Flet 服务。

  • 这个服务负责将 Python 代码中定义的 UI 组件转换为实际的图形界面。当用户与应用进行交互(如点击按钮、输入文本等)时，交互事件会被发送回 Flet 服务，Flet 服务再调用相应的 Python 事件处理函数，处理结果会更新 UI 组件，更新后的组件又会被重新渲染。

  1. Flet 的应用场景

  • Flet 为初学者提供了一个很好的学习图形用户界面开发的平台。由于它基于 Python，对于已经熟悉 Python 的学习者来说，更容易上手。教师可以使用 Flet 来教授图形用户界面编程的概念，学生可以通过编写简单的 Flet 应用来巩固所学知识。例如，在计算机编程课程中，让学生使用 Flet 开发一个简单的猜数字游戏，帮助他们理解变量、循环、条件判断和用户界面交互等概念。

  • 对于开发小型的实用工具，如单位换算工具、简单的文本加密工具、文件格式转换工具等，Flet 是一个很好的选择。它可以帮助开发者快速实现工具的功能和界面，并且能够方便地进行打包和发布。例如，一个简单的将文本在 ASCII 码和 Unicode 码之间转换的工具，使用 Flet 可以快速开发出具有输入文本框、转换按钮和输出文本框的界面。

  • 由于其简单易用的特点，Flet 非常适合用于快速构建应用程序的原型。开发者可以在短时间内将应用的基本功能和界面搭建起来，用于向客户或者团队成员展示概念验证或者功能需求。例如，开发一个简单的文件管理器原型，包括文件浏览、复制、粘贴等基本功能，用于演示应用的核心概念。

  • 快速原型开发

  • 小型工具开发

  • 教育和学习用途