今時のスタンドアロンな動画プレイヤーには回転機能が必須だ。
なんたって回転編集していないスマホ動画を結構見かけるようになった。
昨年まではスマホ動画が主体になるなんて思いもしなかったのに。
ということで、ClutterGst で映像の回転を行う関数を探してみよう。
Clutter Gst 3.0.24 Reference Manual: Clutter Gst 3.0.24 Reference Manual
無いんカイ!
生 Gst を直で使うなら手段があった気がするんだがこれは困った。
いやまて、ClutterActor 自体を回転させればいいんでないの?
そのための OpenGL ES じゃないか、ということで実験コード。
#!/usr/bin/gjs const Gtk = imports.gi.Gtk; const Lang = imports.lang; const Clutter = imports.gi.Clutter; const ClutterGst = imports.gi.ClutterGst; const GtkClutter = imports.gi.GtkClutter; ClutterGst.init(null); // width:640 height:800 const PATH = "/home/sasakima-nao/movie/GF/動く苗ちゃん(1).mp4"; const RotateWindow = new Lang.Class({ Name: 'RotateWindow', Extends: Gtk.ApplicationWindow, _init: function(app) { this.parent({ application: app }); // player this.player = new ClutterGst.Playback(); this.player.set_filename(PATH); this.content = new ClutterGst.Content(); this.content.set_player(this.player); this.actor = new Clutter.Actor(); this.actor.set_content(this.content); // embed let embed = new GtkClutter.Embed(); embed.get_stage().add_child(this.actor); this.add(embed); // size this.resize(450, 450); this.actor.set_width(320); this.actor.set_height(400); this.actor.set_position(65, 25); // rotation this.actor.set_pivot_point(0.5, 0.5); this.actor.set_rotation_angle(Clutter.RotateAxis.Z_AXIS, 90); // this.show_all(); this.player.set_playing(true); } }); let app = new Gtk.Application(); app.connect("activate", function() { new RotateWindow(app); }); app.run(null);
ピボットポイントを中心にして Z 軸で回せば映像も普通に回転するね。
リサイズ時には 90/270 度の時に縦横の値を入れ替えるだけでイケそうだ。
もっと正しい手段があるかもだけど筆者はコレでいいや。
あぁやっと完全放置だった Y901x を更新するネタができたぞい。
だって Youtube でオッサンが田舎道をバイクで走っているだけのばかり見ていたし。
ドラマやアニメより個人制作な素人動画のほうが妙に面白いよね。