Elsaの技術日記(徒然なるままに)

Dear PyGuiとOpenCVを組み合わせて動画再生アプリを作成してみる

前回はDear PyGuiというpython用のGUIライブラリについてご紹介しました。 elsammit-beginnerblg.hatenablog.com今回はこちらのDear PyGuiとOpenCVを組み合わせて動画再生アプリを作成してみたいと思います。 ■Dear PyGui上で動画を表示してみる ■動画再生アプリのご紹介 ■最後に ■参考 (adsbygoogle = window.adsbygoogle []).push({}); ■Dear PyGui上で動画を表示してみる では早速Dear PyGuiとOpenCVを組み合わせて動画表示方法についてまとめていきます。 …

2021/12/30 16:24

Dear PyGuiを用いてPython GUIを作成してみる

先日Dear PyGuiという、シンプルで簡単に実装できかつ色々なことが出来そうなフレームワークを見つけたので早速触ってみました！！ 今回はチュートリアルとして、インストール方法や簡単なアプリの作成方法を備忘録として残しておきたいと思います。 ■Dear PyGuiとは？ ■環境構築 ■手始めにデモソフトを動かしてみる ■サンプルアプリを作成して動かしてみる ■最後に ■参考 (adsbygoogle = window.adsbygoogle []).push({}); ■Dear PyGuiとは？ 公式には下記の通り記載されておりました。Dear PyGui is a simple t…

2021/12/26 11:49

Webアプリでの注意点と画像タッチでスライドショーを再生させる

今回は半年前に作成したスライドショーに音楽を付与し、 画像をクリックすると音楽とスライドショーが開始するようにしてみたいと思います。 作成したスライドショーはこちらにまとめております。 elsammit-beginnerblg.hatenablog.com合わせてhtmlで音声出力する際の注意点もまとめておきたいと思います。 ■音声出力時の注意点 ■画像クリックで音楽とスライドショーが開始するように修正 ■追加でクリック時にスタート、ストップマークを一瞬表示させてみる ■最後に ■参考 (adsbygoogle = window.adsbygoogle []).push({}); ■音声…

2021/12/19 21:37

pythonでテキストや文字列を読み上げる

今回はpythonでテキストや文字列を読み上げる方法についてまとめていきます。 ■準備 ■簡単な文字列を読み上げてみる ■英語の文章を読み上げてみる。 ■音量や発話速度を変更 ■読み上げた音声を録音する ■テキストを読み上げてみる ■最後に ■参考 (adsbygoogle = window.adsbygoogle []).push({}); ■準備 今回読み上げを行うにあたり、pyttsx3を用います。【pyttsx3とは】 pyttsx3は、pythonのテキスト読み上げ変換ライブラリです。 代替ライブラリとは異なり、オフラインで動作し、Python2と3の両方と互換性があります。p…

2021/12/09 23:42

Reactでポップアップメッセージとのデータのやり取り

先日Reactでポップアップメッセージを自作する方法をご紹介しました。 elsammit-beginnerblg.hatenablog.com今回はポップアップメッセージとメインページとのデータのやり取り方法に関してまとめておこうと思います。 ■前提 ■ポップアップメッセージからメインページへのデータ送信 ■メインページからポップアップメッセージへのデータ送信 ■作成結果 ■最後に ■参考 (adsbygoogle = window.adsbygoogle []).push({}); ■前提 先日と同様にソースコードは下記に保存しております。 https://github.com/Els…

2021/12/05 18:12

Reactでポップアップメニューを自作する

今回はReactでポップアップメニューを自作する方法に関してまとめていきます。先日から活用しているモグラたたきアプリに関して、終了時に終了メッセージを表示させていたのですが、 当初alertを用いて実装していました。ただ、、 alert表示場所が中央に表示されないので分かりにくい！！ ということで中央に表示させるべく、ポップアップメッセージを自作することに。 ■最終系 ■ソースコードに関して ■自作ポップアップメッセージを作成 ■モグラたたき終了時にポップアップメニューを表示 ■ポップアップメッセージを閉じる処理を追加 ■最後に ■参考 (adsbygoogle = window.adsbyg…

2021/12/04 22:01