Skip to Main Content
ハンズオンJavaScript
book

ハンズオンJavaScript

by あんどうやすし
November 2020
Intermediate to advanced content levelIntermediate to advanced
740 pages
9h 12m
Japanese
O'Reilly Japan, Inc.
Content preview from ハンズオンJavaScript

15章マルチメディアを学ぶ

本書も終盤に差し掛かっておきながらいまさらと思うかもしれませんが、皆さんがプログラミングに興味を持ったきっかけはなんでしょう? それがコンピュータゲームであるという人は少なくないのではないでしょうか。しかし残念ながらここまでの内容で本格的なゲームを作成するのは、不可能とは言わないまでも、かなり難しいと言わざるを得ません。これまでに学んだことの中には、ゲームの重要な構成要素であるグラフィックスやサウンドを実現する方法がほとんどないからです。

しかしJavaScriptでそれらを扱うことができないわけではありません。それどころか手軽にマルチメディアを扱えるという意味では、さまざまなプログラミング言語の中でもJavaScriptは優秀な部類に入ると言ってよいでしょう。

JavaScriptがマルチメディアを手軽に扱える理由のひとつは、JavaScriptがブラウザ上で動作しHTMLとCSSを利用できるからです。本章ではまず初めにHTML、CSS、JavaScriptを組み合わせて画像や動画などを扱う方法を説明します。そのあとでJavaScriptだけを使用して多様なメディアを扱う方法を紹介します。

15.1 DOM

「12章 Webを学ぶ」ではすべてのDOM要素で利用できる基本的な操作について紹介しました。本節では次のマルチメディア系のDOM要素で利用できる機能について紹介します。

<img>
画像タグ
<video>
動画タグ
<audio>
音声タグ

本節の例はhttps://www.technohippy.dev/handsonjs/ch15/ex1/から開いたコンソールで実行してください。

15.1.1 画像タグを利用する

HTMLで画像を表す ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

ハイパフォーマンスPython 第2版

ハイパフォーマンスPython 第2版

Micha Gorelick, Ian Ozsvald, 中山 光樹
パフォーマンス向上のためのデザイン設計

パフォーマンス向上のためのデザイン設計

Lara Callender Hogan, 西脇 靖紘, 星野 靖子
PythonによるWebスクレイピング 第2版

PythonによるWebスクレイピング 第2版

Ryan Mitchell, 黒川 利明, 嶋田 健志

Publisher Resources

ISBN: 9784873119229Other