Kivy は、NUI (Natural User Interface) を持つモバイルアプリやその他のマルチタッチアプリケーションソフトウェアを開発するためのフリーでオープンソースの Python フレームワークです。MIT ライセンスのもとで配布され、Android, iOS, Linux, macOS そして Windows で動作させることができます。
Wikipedia より引用、翻訳、編集
使ったことのなかった Python の GUI ライブラリ(フレームワーク)、Kivy に興味を持ったので [1]、ひととおりウィジェットのサンプルを作ってみようとしています。サンプルを作っていくにあたって、どんなスタイルでコーディングするか、テンプレートみたいなものを固めていこうとあれこれ試し始めました。
今回はビデオのサンプルを紹介します。
Python のコードのみのサンプルと、UI 部分を分離して Kv 言語で記述した同じ動作をするサンプルを併せて紹介しています。
下記の環境で動作確認をしています。
![]() |
Fedora Linux 36 | x86_64 |
python3 | 3.10.5-2.fc36.x86_64 | |
Kivy | 2.1.0 | |
ffpyplayer | 4.3.5 |
Video (Python)
Video は、ビデオファイルやストリームを表示するウィジェットです。
なお、動画を扱うには、ffpyplayer を事前に(例えば pip で)インストールして FFmpeg ライブラリを利用できるようにしておく必要があります。
kivy_video.py
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import japanize_kivy | |
from kivy.app import App | |
from kivy.core.window import Window | |
from kivy.uix.boxlayout import BoxLayout | |
from kivy.uix.video import Video | |
Window.size = (270, 480) | |
class KivyVideo(BoxLayout): | |
def __init__(self): | |
super().__init__() | |
self.orientation = 'vertical' | |
self.init_ui() | |
def init_ui(self): | |
vdo = Video( | |
source='sample.mp4', | |
state='play' | |
) | |
self.add_widget(vdo) | |
class ExampleApp(App): | |
def build(self): | |
self.title = 'Video' | |
return KivyVideo() | |
if __name__ == '__main__': | |
ExampleApp().run() |
動画 sample.mp4 には下記を使用しました。
sample.mp4 |
サンプルプログラムは、起動後に単に動画を表示するだけのものです。音もありますので、そのまま利用する場合は実行時にご注意ください。
kivy_video.py の実行例
Video (Python + Kv)
指定したファイルを読み込むようにしたかったので、ここでは Builder.load_file() を使って、指定したファイルを読み込むようにしています。
kivy_video_1.py
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import japanize_kivy | |
from kivy.app import App | |
from kivy.core.window import Window | |
from kivy.lang import Builder | |
from kivy.uix.boxlayout import BoxLayout | |
Builder.load_file('kivy_video_1.kv') | |
Window.size = (270, 480) | |
class KivyVideo(BoxLayout): | |
pass | |
class ExampleApp(App): | |
def build(self): | |
self.title = 'Video' | |
return KivyVideo() | |
if __name__ == '__main__': | |
ExampleApp().run() |
kivy_video_1.kv
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<KivyVideo>: | |
orientation: 'vertical' | |
size: root.size | |
Video: | |
id: vdo | |
source: 'sample.mp4' | |
state: 'play' |
kivy_video_1.py の実行例
参考サイト
- bitWalk's: Kivy をちょろっと使ってみた [2022-07-10]
- Kv language — Kivy 2.1.0 documentation
- Widgets — Kivy 2.1.0 documentation
- Video — Kivy 2.1.0 documentation

にほんブログ村

0 件のコメント:
コメントを投稿