TechAcademy（テックアカデミー） プログラミング Python Pythonで効果音を再生する方法を現役エンジニアが解説【初心者向け】
オーダーメイドコース
icon
icon
Python

Pythonで効果音を再生する方法を現役エンジニアが解説【初心者向け】

初心者向けにPythonで効果音を再生する方法について現役エンジニアが解説しています。効果音を再生するにはpygameやpyAudioなどのライブラリがあります。今回はpygameのmixerモジュールを使って効果音を再生してみます。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査

Pythonで効果音を再生する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して、初心者向けに解説します。

 

Pythonについてそもそもよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まるでしょう。

 

なお本記事は、TechAcademyのオンラインブートキャンプ、Python講座の内容をもとに紹介しています。

 

田島悠介

今回は、Pythonに関する内容だね！

大石ゆかり

どういう内容でしょうか？

田島悠介

Pythonで効果音を再生する方法について詳しく説明していくね！

大石ゆかり

お願いします！

 

効果音再生に利用できるライブラリ

Pythonで効果音再生に使うことのできるライブラリはいくつか存在しています。

例えば、下記のライブラリはよく目にするでしょう。

  • pygame
  • pyAudio
  • pydub
  • NumPy
  • mutagen

特にpygameとpyAudioはよく使用されます。

pygameではmp3音源を再生、pyAudioは基本的にwavファイルを扱うことができます。

Pythonで効果音を再生するライブラリのうち、この記事ではpygameを使った方法をみていきましょう。

効果音を再生する方法

pygameを使った方法は、非常にシンプルなので扱いやすいです。

pygameをインストールします。

pip install pygame

インストールができれば、pygameのmixerモジュールを使うことで効果音を再生することができます。

効果音の再生には、下記のように記述しましょう。

mixer.music.load("効果音ファイルのパス")
mixer.music.play(再生したい回数)

 

[PR] 未経験からWebエンジニアを目指す方法とは

実際に書いてみよう

では、実際にコードを記述し、効果音を鳴らします。

from pygame import mixer
mixer.init()        #初期化
mixer.music.load("効果音ファイルのパス")
mixer.music.play(再生したい回数)

これを実行すると、実際に効果音が再生されることが確認できるでしょう。

 

まとめ

この記事では、Pythonで効果音を再生する方法について紹介しました。

プログラムに効果音を組み込むことで、ゲームをより面白くすることにも役立ちます。

音声や効果音を有効に活用していきましょう。

 

執筆してくれたメンター

メンターOS

AIプログラミングを使って開発を行う。

プログラミング歴は約3年でPythonは割と得意。

好きな物理理論は一般相対性理論で動物も好き。

 

大石ゆかり

Pythonで効果音を再生する方法がよくわかったので、良かったです！

田島悠介

ゆかりちゃん、これからも分からないことがあったら質問してね！

大石ゆかり

分かりました。ありがとうございます！

 

TechAcademyでは、初心者でも、Pythonを使った人工知能（AI）や機械学習の基礎を習得できる、オンラインブートキャンプを開催しています。

また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。

記事を検索

関連するキーワード

関連する記事

Pythonのjoin関数の使い方を現役エンジニアが解説【初心者向け】

Pythonのjoin関数の使い方について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そもそ...
Python

Pythonのcloseメソッドの使い方を現役エンジニアが解説【初心者向け】

Pythonのcloseメソッドの使い方について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を...
Python

Pythonで空の配列を判定する方法を現役エンジニアが解説【初心者向け】

Pythonで空の配列を判定する方法について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読む...
Python

Pythonで自己組織化マップのプログラムを実装する方法【初心者向け】

Pythonで自己組織化マップのプログラムを実装する方法について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なの...
Python

Pythonで累積和の問題を解く方法を現役エンジニアが解説【初心者向け】

Pythonで累積和の問題を解く方法について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読む...
Python

Pythonプログラムの#!/usr/bin/env pythonの意味を現役エンジニアが解説【初心者向け】

Pythonプログラムの#!/usr/bin/env pythonの意味について解説します。 そもそもPythonについてよく分からないという方は、Pyt...
Python

あわせてよく読まれている記事

Pygameを利用してPythonでゲームを作成する方法を現役エンジニアが解説【初心者向け】

Pygameを利用してPythonでゲームを作成する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプPython講座の内容をもとに紹介しています。   田島悠介 今回は、Pythonに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 Pygameを利用してPythonでゲームを作成する方法について詳しく説明していくね！ 大石ゆかり お願いします！ 目次 Pygameとは Pygameのインストール方法 サンプルゲームを実行してみよう まとめ   Pygameとは Pygameとは、Pythonでゲーム開発を行うためのライブラリです。ゲームを作成する上で必要な音声、グラフィックの操作を行うためのモジュールなどが揃っています。ゲーム用途以外にもGUIアプリをPythonで作りたいときにも使えます。   [PR] 未経験からWebエンジニアを目指す方法とはPygameのインストール方法 Pygameは以下のpipコマンドでインストールできます。 pip install pygame インストールが完了し、以下の1行を実行した際に、バージョン情報が表示されたら成功です。 python -c "import pygame"   サンプルゲームを実行してみよう それでは、実際にサンプルゲームを実行してみましょう。サンプルゲームを実行する場合は、pygame.examplesモジュールを実行することでサンプルゲームを実行することができます。例えばインベーダーゲームを実行する場合は、ターミナルで以下のコマンドを実行します。 python -m pygame.examples.aliens 実行すると以下のようなインベーダーゲームが起動します。 その他にもゲームをお試しいただけますので、以下のリンクに遊べるゲームが紹介されています。これらのプログラムを実行する際には各モジュールにある.mainよりも前のモジュールを指定して実行します。 https://www.pygame.org/docs/ref/examples.html?highlight=examples#module-pygame.examples   まとめ 今回はPygameについて紹介しました。Pythonでゲームを開発するときには、知っておくといいライブラリなのでぜひトライしてみてください！   監修してくれたメンター メンター 三浦 モバイルゲームを運用している会社のエンジニアをしています。趣味でWEB開発やクラウドコンピューティングもやっており、ソフトもハードもなんでもやります。 TechAcademyジュニアではPythonロボティクスコースを担当しています。 好きな言語はpython, Node.js   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でもPythonを使った人工知能（AI）や機械学習の基礎を習得できるオンラインブートキャンプPython講座を開催しています。 挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
Python

HTML5でストリーミング動画配信を実装する方法を現役エンジニアが解説【初心者向け】

HTML5でストリーミング配信された動画再生実装する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 HTML5でストリーミング配信された動画再生実装することで、HTML5だけでなく配信技術に対するご理解も深まります。 実務では、HTML5でストリーミング配信する会社への就職、HTML5でストリーミング配信を実装する案件獲得などに繋がります。 そもそも、HTMLの記述方法がわからない場合は、 HTMLの書き方について解説した記事を読むとさらに理解が深まるでしょう。   田島悠介 今回は、HTMLに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 ストリーミング再生を実装する方法について詳しく説明していくね！ 大石ゆかり お願いします！   HTML5で配信された動画再生実装する方法（video要素の使い方） HTML5 では、videoタグを記述することでプラグインを使わずに動画を再生することができるようになりました。 その方法は、まず、videoタグの中にsrc属性で音声ファイルのアドレスを指定します。 次にcontrols属性によって、音声の再生や停止などのユーザーインターフェースを指定しましょう。 ブラウザごとに表示されるインターフェース（操作パネル）は異なるため、それぞれを確認してから使用しましょう。 また、controls属性を別の属性として記述することによってvideo表示方法を変えることが可能です。 autoplayは自動再生、loopは繰り返しなどと変更することが可能です。   動画のストリーミング配信とは 動画をストリーミング再生する場合大きく２種類の考え方があります。 それが、HTTP Live Streamingとプログレッシブダウンロードです。   HTTP Live Streaming 動画のストリーミング配信で一般的な方法はHTTP Live Streaming（HLS）という技術を利用しています。 HTTP Live Streamingは元々、アップルがiOS向けに開発しました。 HTTPという汎用的なプロトコル（規格）を利用することで、様々な媒体に対して動画配信が可能です。 メリット 手元の端末にダウンロードしない為、著作権対策が可能 専用サーバーを用意する必要がない デメリット 通信回線が高速安定でない場合は再生が止まってしまう   プログレッシブダウンロード プログレッシブダウンロードは疑似ストリーミングと呼ばれ、配信データをダウンロードして再生します。 メリット すべてのデータをダウンロードし終わっていれば、オフライン状態で再度再生が可能。 デメリット オフライン状態で再度再生が可能ということは、著作権上問題が発生する。     [PR] 未経験からWebエンジニアを目指す方法とはHTML5で動画のストリーミング再生を実装する方法 HTTP Live Streaming HTTP Live Streamingを利用したストリーミング配信動画の再生実装方法です。   m3u8ファイルについて m3u8ファイルはストリーミング再生される動画のプレイリストのようなものです。 m3u8ファイル自体をダウンロードしてもオフラインで再生はできません。 m3u8ファイルを利用してストリーミング再生している例としては、TVer、FOD、GYAO!などがあります。   m3u8ファイルを利用した実装 HTTP Live Streamingを利用したストリーミング配信動画を利用する場合は、ライブ配信もオンデマンド配信もどちらにも適しています。 ライブ配信というのは、現在進行系で配信している内容を、配信と同時に見ることを意味します。 オンデマンド配信というのは、過去に配信されていたものを、後日ストリーミング再生で見ることを意味します。 <video src=”./video/test.m3u8″ controls> でtest.m3u8というファイルを指定することでストリーミング配信されたファイルを再生することが出来ます。 これは、htmlと同じ階層内にあるvideoフォルダの中に、test.m3u8というファイルを用意しているという意味になります。 これだけは覚えたい！絶対パスと相対パスの違いを参考にしていただくと階層についてご理解が深まります。 ＊なお次のコードを動作させるためには、./video/test.m3u8の位置に必要なファイルを用意する必要があります。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> </head> <body>    <video src="./video/test.m3u8" controls>     </video> </body> </html>   プログレッシブダウンロード プログレッシブダウンロードを利用して、疑似ストリーミング再生をする方法です。 mp4の利用 <source src=”./video/test.mp4″> のように指定することでプログレッシブダウンロードを利用した疑似ストリーミングが可能です。 大きなサイズの動画の場合には分割させる必要があるものの、短い動画はvideoタグによりmp4ファイルなどを再生することが可能です。 ＊なお次のコードを動作させるためには、./video/test.mp4の位置に必要なファイルを用意する必要があります。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>プログレッシブダウンロード</title> </head> <body>    <video controls>         <source src="./video/test.mp4">     </video> </body> </html> QuickTimePlayerの利用 また、QuickTimePlayerで再生することもできます。 <source src=”./video/test.mov”> で指定したvideoタグをhtmlに埋め込んで利用可能です。 ＊なお次のコードを動作させるためには、./video/test.movの位置に必要なファイルを用意する必要があります。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>QuickTimePlayer</title> </head> <body>    <video controls>         <source src="./video/test.mov">     </video> </body> </html>   この記事を監修してくれた方 中本賢吾（なかもとけんご） アジマッチ有限会社　代表取締役社長開発実績：PHPフレームワークによるフランチャイズ企業向け会員制SNS。Shopifyによる海外進出用大規模ネットショップ構築。Vue.jsによる金融機関向け内部アプリ。AWSやLinuxハウジングサーバーでの環境構築。人工知能を利用した画像判別システム。小売チェーン店舗用スマホアプリ。Wordpressによる不動産チェーン店向け賃貸・売買仲介システム。基幹システム移管用データコンバートシステム。小学生がUnityでオリジナルAndroidアプリをGooglePlayでリリース、NHK Whyプログラミング入賞、全国Programing Festival入賞、中学生がノーコードでSNS型PWAアプリリリースなど、ボランティアプログラミング教育活動行っている。   大石ゆかり HTML5でストリーミング再生を実装する方法がよく分かったので良かったです！ 田島悠介 ゆかりちゃん、今後も分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！ TechAcademyでは初心者でも、オリジナルWebサイトを公開できるオンラインブートキャンプを開催しています。 また、現役エンジニアから学べる無料体験も実施しているので、参加してみてください。
HTML

HTML5のvideoタグで動画のストリーミング配信の仕方を現役エンジニアが解説【初心者向け】

HTML5のvideoタグで動画のストリーミング配信の仕方について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そもそも、HTMLの記述方法がわからない場合は、 HTMLの書き方について解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプ、Webデザイン講座のHTMLカリキュラムをもとに執筆しています。   田島悠介 今回は、HTMLに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 videoタグで動画のストリーミング配信を行う方法について詳しく説明していくね！ 大石ゆかり お願いします！   ストリーミングとは ストリーミングとは、音声や動画などのメディアを再生する技術のことです。ストリーミングはメディアをすぐに再生することができることから、動画配信サービスや音楽配信アプリで使用されています。これまでは一度メディアをダウンロードしてから再生するサービスが主流でしたが、インターネットの発達から現在はストリーミング再生を採用しているサービス、アプリがメインになっています。 メリット ストリーミングのメリットはダウンロードと違い、インターネットに接続していれば、端末に転送されることなく再生されるので、スマホやパソコンのストレージを使わないのがメリットです。これによりメディアの再生形式と機種に依存することなく様々なメディアを楽しむことができます。 デメリット 端末のストレージを消費することなく再生できる一方でインターネットがなければメディアが再生されないのでネットワークが不安定な環境や通信制限がかかると再生が不安定になります。 また、Wifiを使用している場合は気にしなくてもいいですが、携帯回線を使用している場合は動画を再生するたびにデータ通信量が消費されるので、何も気にせずに使うと簡単に通信制限がかかってしまいます。おそらく、スマホで動画配信を見た経験のある方だとどちらも経験したことのある話だと思います。   videoタグの基本的な使い方と高度な設定を知ろう 動画をストリーミング再生するためにはHTMLのvideoタグを使って実現できます。早速使い方を紹介していきます。 基本的な使い方 基本的な使い方は、videoタグで動画ファイルを参照するだけです。HTMLで画像を扱ったことのある方はimgタグを使う方法と同じです。 <video src="video.mp4"></video> これで動画は表示できますが、再生はされません。 コントローラを追加することで動画を再生、一時停止、ボリューム調整をすることができます。コントローラを追加するには、controls属性を指定します。 <video src="video.mp4" controls></video>   これでストリーミングするための準備ができました。 サムネイルをつける ここからは、videoタグの属性をつかった高度な設定について紹介します。まずは動画ストリーミングサイトでよく使われている動画のトップ画像（サムネイル）を入れる方法です。サムネイルはposter属性をつかって画像ファイルを指定することで乗せることができます。サムネイルを使うことで、動画の内容をしる手がかりになります。 <video src="video.mp4" poster="samne.jpg"></video> 自動再生する autoplay属性を指定することで、ページを読み込んだことで動画が自動で再生されます。 <video src="video.mp4" autoplay></video> サイズを調整する videoタグで動画を再生すると、動画のサイズでそのままHTMLに表示され、大きいサイズだと、ブラウザの画面をはみ出す上に見ずらいです。そこで、width、heightを使って幅と高さを調整する必要があります。これにより、サイトのデザインに合わせて動画をはめ込みやすくなります。 <video src="video.mp4" width="320" height="240">   [PR] 未経験からWebエンジニアを目指す方法とは動画を埋め込んで再生してみよう それでは、実際にサンプルコードを使って動画をブラウザで再生しましょう。まずは再生したい動画ファイルを用意します。動画はmp4かogg用意します。用意したら以下のサンプルHTMLと一緒に任意のフォルダ内に保存します。なお、動画ファイルの名前はご自分のものに合わせて変更しておきます <head>     <title>ビデオデモ</title>     <meta charset="utf-8"> </head> <body>     <h1>ビデオストリーミング</h1>     <video src="./mov_hts-samp005.mp4" controls width="320" height="240"></video> </body> 保存したHTMLをダブルクリックしてブラウザから見ると、このように動画がブラウザ上で再生できるようになります。   監修してくれたメンター メンター三浦さん モバイルゲームを運用している会社のエンジニアをしています。趣味でWEB開発やクラウドコンピューティングもやっており、ソフトもハードもなんでもやります。 TechAcademyジュニアではPythonロボティクスコースを担当しています。好きな言語はPython, Node.js。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！ TechAcademyでは初心者でも、オリジナルWebサイトを公開できる、オンラインブートキャンプを開催しています。 また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。
HTML

Pythonのwinsoundで音楽再生する方法を現役エンジニアが解説【初心者向け】

Pythonのwinsoundで音楽再生する方法について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプPython講座の内容をもとに紹介しています。   田島悠介 今回は、Pythonに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 winsoundで音楽再生する方法について詳しく説明していくね！ 大石ゆかり お願いします！   winsound（Windows 用音声再生インタフェース）とは winsoundは、Windows上で提供されている基本的な音声再生機構へのアクセス手段となるモジュールです。 詳細は公式のリファレンスを参照してください。   winsoundで音声再生する方法 winsoundで音声再生するには、winsound.PlaySound関数を用います。1番目の引数は音声を指し、ファイル名や音声データそのものです。2番目の引数はフラグです。例えば以下のようなフラグがあります。 SND_FILENAME: 第一引数がwavファイル名であることを示します SND_ALIAS: 第一引数がシステムに登録された音声名であることを示します SND_MEMORY: 第一引数がメモリ上の音声データであることを示します SND_LOOP: ループ再生します   [PR] 未経験からWebエンジニアを目指す方法とは実際に書いてみよう カレントディレクトリに音声ファイルsample.wavがあるものとします。   サンプルコード import winsound with open('sample.wav', 'rb') as f: data = f.read() winsound.PlaySound(data, winsound.SND_MEMORY)   実行結果 sample.wavが再生されました。   解説 1行目でwinsoundモジュールをインポートしました 3,4行目でsample.wavファイルのデータを読み込みました バイトデータとして扱うため、open関数の引数でb(バイナリ)を指定しました 6行目で音声を再生しました メモリ上に読み込んだ音声データを再生するため、SND_MEMORYフラグを指定しました。 監修してくれたメンター 橋本紘希 システムインテグレータ企業勤務のシステムエンジニア。 開発実績: Javaプログラムを用いた業務用Webアプリケーションや、基幹システム用バッチアプリケーションなどの設計構築試験。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でもPythonを使った人工知能（AI）や機械学習の基礎を習得できるオンラインブートキャンプPython講座を開催しています。 挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
Python

Pythonによる興味を惹く面白いプログラムを現役エンジニアが紹介【初心者向け】

Pythonによる興味をひくおもしろいプログラムについて、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 Pythonを利用することで、機械学習やWebサービスやゲーム制作が可能です。 目次効果音再生に利用できるライブラリ効果音を再生する方法実際に書いてみようまとめ執筆してくれたメンター そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、Pythonに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 Pythonによる興味をひくおもしろいプログラムについて詳しく説明していくね！ 大石ゆかり お願いします！   この記事では、開発言語としてPythonが使われたおもしろいサービスや人気のサービスなどについて紹介していきます。   Pythonとは 「Python」というのは今人気のプログラミング言語の1つです。 Pythonは初心者の方にとっても比較的わかりやすいプログラミング言語であるとして有名で、Web開発や機械学習、ゲームプログラミング、科学技術計算といった幅広い様々な分野で用いられています。 とくに、機械学習についてはPythonが最も多く使われている言語の1つであり、TensorFlowなどのディープラーニング用のフレームワークなどが有名です。 Web開発では、Django、Flaskなどといったフレームワークがあり、サーバ側の処理を行うのにPythonが使われたりしています。 ゲームプログラミングについては、Pygameというゲーム開発用のライブラリが存在します。 どの分野でも様々なライブラリが開発されており、Pythonは広く数多くの人に使われている言語です。   PythonによるWebアプリ では、Pythonで使われたWebアプリについて紹介していきます。 Pythonを使ったWebサービスにはかなり有名なものがあります。 例えば、以下のサービスが実際にPythonで開発されているようです。 YouTube Instagram Dropbox Spotify   YouTubeをPythonで実装した例 たとえばdjango-youtube: Simple You Tube Clone using django and mongodb では、PythonのDjangoを利用してYouTubeのクローンサイトをサンプルプログラムと公開しています。   InstagramをPythonで実装した例 instagramclone: A well-designed Django page that clones Instagram’s layout and functionality.では、Pythonを利用してInstagramのクローンサイトをサンプルプログラムとして公開しています。   DropboxをPythonで実装した例 dropbox: A Dropbox clone written in Python では、DropboxをPythonでクローンしてサンプルプログラムを公開しています。 これらの例からわかるように、Pythonを使うことで多くの人に使われるサービスを作ることもできるので、Web開発ではPythonをぜひおすすめします。 入門！PythonのフレームワークDjangoについて現役エンジニアが解説も参考にしてみてください。   [PR] 未経験からWebエンジニアを目指す方法とはPythonによる機械学習 現在、Pythonといえば機械学習や人工知能の開発に利用されることが最も多い利用方法です。 Pythonを利用した転職活動を行う場合も、機械学習の技術を利用して転職することで、より転職先の幅が広がります。   Pythonの画像認識技術で顔判別する例 【事例付き】画像認識技術とは！仕組みや原理を徹底解説では、画像のピクセルデータを解析する事例を解説しています。   人工知能に小説を書いてもらう 【事例付き】自然言語処理とは！仕組みやライブラリを解説 では、人工知能を利用して文章を解析する自然言語処理を解説しています。 現在、自然言語処理を利用することで、人工知能が自動的に小説を書くことも可能です。   Matplotlibを利用して解析データをグラフ表示 グラフ描画ライブラリ！matplotlibの使い方【初心者向け】では、Pythonで解析したデータをグラフ表示する方法を解説しています。   Pythonによるゲームアプリ 次に、Pythonを使ったゲームアプリについて紹介します。 PythonではPygameというライブラリを使うことでゲームプログラミングができます。 Pygameで作られたゲームにはさまざまなものがありますが、比較的有名なものとしては以下が挙げられます。 バトルフィールド2 トゥーンタウンオンライン イブオンライン   他にも数多くのゲームが開発されていて、こちらのサイトで数多く紹介されています。 Pythonは学習コストも低く、比較的初心者でもゲーム開発ができるのでおすすめです。 Pygameを利用してPythonでゲームを作成する方法を現役エンジニアが解説【初心者向け】も参考にしてみてください。   大石ゆかり 内容が分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   Pythonを学習中の方へ これで解説は終了です、お疲れさまでした。 つまずかず「効率的に」学びたい 副業や転職後の「現場で使える」知識やスキルを身につけたい プログラミングを学習していて、このように思ったことはありませんか？ テックアカデミーのPythonコースでは、第一線で活躍する「プロのエンジニア」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。 合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、人工知能（AI）や機械学習の基礎を学べます。 まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役エンジニアから教わること」を実感してみてください。 時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします！
Python

HTMLで複数の動画切り替えを実行する方法を現役エンジニアが解説【初心者向け】

HTMLで複数の動画切り替えを実行する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そもそも、HTMLの記述方法がわからない場合は、HTMLの書き方について解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプ、Webデザイン講座のHTMLカリキュラムをもとに執筆しています。   田島悠介 今回は、HTMLに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 複数の動画切り替えを実行する方法について詳しく説明していくね！ 大石ゆかり お願いします！   目次 動画を再生するには 複数の動画を切り替えるには 複数の動画を切り替えてみよう   動画を再生するには HTMLを動画で再生させるためにはvideoタグを使う方法があります。以下のようにvideoタグにsrc属性で動画のリンクや保存先を指定すれば動画を表示、再生させることができます。 <video src="./video.mp4"></video> videoタグについて詳しくは以下の記事をご覧ください。 HTML5のvideoタグで動画のストリーミング配信の仕方を現役デザイナーが解説【初心者向け】   [PR] 未経験からWebエンジニアを目指す方法とは複数の動画を切り替えるには さて、先ほど紹介した方法だと動画を一つしか再生できませんが、ここから複数の動画を動的に変更させるためにはどうすればいいのでしょう？ まず真っ先にサーバーサイドのコードを用意して動画ごとにページを作ることですが、それだと用意するファイル数も多くなりますし、毎回サーバーリクエストを行なうことになります。同じページ上で複数の動画を動的に切り替えるためには、videoタグのsrc属性が再生する動画ファイルを指定しているので、src属性の値を変えるためにJavaScriptを使う方法があります。 簡単に手順をまとめると以下のようになります。 Videoタグにidをもたせて、動画を再生するファイルgetElementByIdメソッドでVideoタグを取得できるようにする ボタンなどでgetElementByIdメソッドを実行し、srcの値を変更する関数を入れる ボタンには関数に渡す引数の値をつけておく 大体このような手順です。実際にサンプルを動かしながら実装方法をみていきましょう。   複数の動画を切り替えてみよう それでは実際にサンプルを動かしてみましょう。以下のサンプルHTMLを適当なフォルダに保存します。動画ファイルはHTMLと同じ保存先に保存しましょう（mp4推奨）。動画のファイル名はサンプルを参考に適宣変えてください。 なお、手元に再生できる動画が無い方は以下のリンクのサイトの動画であればフリー素材の動画をダウンロードできます。 https://pixabay.com/ja/videos/   <head>     <title>ビデオデモ</title>     <meta charset="utf-8"> </head> <body>     <h1>ビデオストリーミング</h1>     <video id="movie" src="./1.mp4" controls width="320" height="240"></video>     <hr>     <h3>再生する動画を選択</h3>     <button onclick="playVideo(1)">1</button>     <button onclick="playVideo(2)">2</button>     <button onclick="playVideo(3)">3</button> </body> <script>     function playVideo(num) {         console.log(num);         tag = document.getElementById("movie");         switch (num) {             case 1:                 tag.src = "./1.mp4";                 break;             case 2:                 tag.src = "./2.mp4";                 break; case 3: tag.src = "./3.mp4"; break;         }     } </script> 実際にHTMLを保存したら、画像のような画面でボタンを押すと動画が簡単に切り替わります。ちなみに今回はposter属性を付けませんでしたが、poster属性も変わるようにしたいときも同様の方法で動画と一緒に切り替えることができます。     監修してくれたメンター メンター 三浦 モバイルゲームを運用している会社のエンジニアをしています。趣味でWEB開発やクラウドコンピューティングもやっており、ソフトもハードもなんでもやります。 TechAcademyジュニアではPythonロボティクスコースを担当しています。 好きな言語はpython, Node.js   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！ TechAcademyでは初心者でも、オリジナルWebサイトを公開できる、オンラインブートキャンプを開催しています。 また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。
HTML

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から
Webエンジニアに

Webエンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の行うリスキリングを通じたキャリアアップ支援事業の補助金対象コースです。条件を満たすことで支払った受講料の最大70％がキャッシュバックされます。詳しくは こちら のページをご確認ください。

TechAcademyから
現役エンジニアの方へ
お知らせ

オーダーメイドコース
TechAcademy（テックアカデミー） プログラミング Python Pythonで効果音を再生する方法を現役エンジニアが解説【初心者向け】