JP2012114819A - 電子機器、シークバーの表示方法 - Google Patents

Abstract

【課題】シークバーを用いるコンテンツの再生位置調整において、ユーザが微調整を行いやすい電子機器を提供することが課題となっていた。
【解決手段】実施形態の電子機器は、再生中コンテンツの再生位置が、触れられることによって指定可能に表示部に表示される第１のシークバーを備える。また、前記第１のシークバーが表示された表示部が触れられた場合に、前記再生中コンテンツの再生位置を、前記第１の表示よりも視覚的に詳細に指定可能に表示する第２のシークバーを備える。
【選択図】 図５

Description

本発明の実施形態は、音声・動画再生ソフト等の再生画面に表示されるシークバーを表示する電子機器に関する。

現在、音声・動画再生ソフト等のコンテンツの再生画面に棒状の操作領域を備えるシークバー（ｓｅｅｋ ｂａｒ）を表示し、音声・動画再生ソフト等の現在の再生位置を表示・変更する機能を備えた電子機器が普及している。

一般に、シークバーは、音楽や動画再生ソフト等のコンテンツの再生箇所を表示する。
シークバーは、コンテンツの再生画面の下等の表示画面に表示され、横長の棒状の領域を持っている。そして、表示画面の左端に表示されたつまみ状の操作部分(スライダー)が、再生が進むにつれて右端に移動する。

そして、画面に表示されたシークバーの長さが再生中コンテンツ全体の再生時間を示しており、音楽や動画等のコンテンツの始めから終わりまでのうち、今どの再生位置を再生しているのかが、このスライダーの位置によって視覚的に把握できる。また、このスライダーをドラッグして左右に移動させることにより、ドラッグ移動先の任意の箇所からコンテンツを再生することができるようになっている。

例えば５分間の動画を再生する場合、ちょうど中間にスライダーが位置していれば、再生位置（再生経過時間）が２分半の時点であることを示している。また、例えば、このときシークバー上の任意の箇所をクリックすれば、その箇所から再生することができる。

上記のように、画面に表示されたシークバーの長さが再生中コンテンツ全体の再生時間を示している。このため、一般に、シークバーを表示する電子機器においては、再生時間が長いコンテンツも再生時間が短いコンテンツも、実質的に同等の長さでシークバーが表示される。

しかし、例えば、シークバーが同等の長さで表示される場合、再生時間が長いコンテンツを表示するシークバーは再生時間が短いものを表示するシークバーに比べ、スライダーの移動量に対する再生位置の変更量が相対的に大きくなる。

例えば、再生時間１００分のコンテンツのシークバーと再生時間１分のコンテンツのシークバーを比較すると、例えば画面上でスライダーをシークバーの半分の長さ移動させた場合、再生時間１００分のシークバーは再生位置の変更量は５０分と大きな変更量であるのに対し、再生時間１分のシークバーは再生位置の変更量は３０秒と小さな変更量となる。

言い換えれば、再生位置の調整において、再生時間が長いコンテンツのシークバーと再生時間が短いコンテンツのシークバーを比較すると、再生時間が長いコンテンツのシークバーは調整が粗く、微調整をしにくい。これに対して、再生時間が短いコンテンツのシークバーは調整が細かく、微調整が可能となる。

このため、再生位置の調整において、特に、再生時間が長いコンテンツの場合は、ユーザは微調整を行いにくいという問題があった。
また、再生時間が短いコンテンツにおいても、シークバーの表示が小さく表示される場合においては、同様に、再生位置の調整において、ユーザは微調整を行いにくいという問題があった。

このため、シークバーを用いるコンテンツの再生位置調整において、ユーザが微調整を行いやすい電子機器を提供することが課題となっていた。

特開２００８−１５２３３３号公報

シークバーを用いるコンテンツの再生位置調整において、ユーザが微調整を行いやすい電子機器を提供することが課題となっていた。

実施形態の電子機器は、再生中コンテンツの再生位置が、触れられることによって指定可能に表示部に表示される第１のシークバーを備える。
また、前記第１のシークバーが表示された表示部が触れられた場合に、前記再生中コンテンツの再生位置を、前記第１の表示よりも視覚的に詳細に指定可能に表示する第２のシークバーを備える。

実施の形態に係る電子機器の一例（タブレットＰＣ）の外観を示す図。 実施の形態に係る電子機器の構成を示すブロック図。 実施の形態に係る電子機器において、映像表示部に第１のシークバーが表示された図。 実施の形態に係る電子機器において、映像表示部に第１のシークバーが表示された図。 実施の形態に係る電子機器において、映像表示部に第１のシークバーおよび第２のシークバーが表示され、ユーザに操作されるようすを示す図。 実施の形態に係る電子機器において、ユーザによって第１のシークバーの左側が指定された場合に、第２のシークバーがその左側に表示されるようすを示す図。 実施の形態に係る電子機器において、映像表示部に第１のシークバーおよび第２のシークバーが表示された他の例を示す図。 実施の形態に係る電子機器の動作を説明するフローチャート。

以下、図面を参照し、実施の形態を説明する。
図１は、実施の形態に係る電子機器の一例の外観を示す図である。
符号１０はコンピュータ本体、符号１１はキーボード、符号１２はタッチパッド、符号１３は表示装置、符号１００はタブレット型パーソナルコンピュータ（タブレットＰＣ）である。

ここでは、実施の形態に係る電子機器の一例として、タブレットＰＣ１００を用いて説明する。
なお、この実施の形態においては、電子機器１００はタブレットＰＣに限られず、スマートフォンやスレート端末等のタッチパネルを備える電子機器に適用することも可能である。

電子機器（タブレットＰＣ）１００は、入力装置としてキーボード１１およびタッチパッド１２に加え、ペンや指などの座標位置やその接触面の面積を検出するためのタッチパネルをその表面に有する表示装置１３を備えたコンピュータシステムである。

図１に示すように、タブレットＰＣ１００は、コンピュータ本体１０にキーボード１１およびタッチパッド１２が設けられている。そして、このコンピュータ本体１０の内部に、後述するブロック構成のハードウェアが内蔵されている。

さらに、タブレットＰＣ１００には、ＬＣＤからなる表示パネル（表示画面）と、この表示パネルの表面に一体的に設けられたタブレット（タッチパネル）を有する表示装置１３が、コンピュータ本体１０に対して、回転２軸ヒンジ機構により開閉自在かつ回転自在に取り付けられている。

この図１においては、表示装置１３が通常の開状態（ラップトップモード）であることを示している。また、例えば、表示装置１３を通常の開状態から１８０度回転させ、キーボード１１を隠すように閉じた状態（タブレットモード）とすることも可能である。

図２は、実施の形態に係る電子機器の構成を示すブロック図である。
図に示すように、タブレットＰＣ１００は、キーボード１１からのキー入力を入力データに変換し、コンピュータ本体１０に入力するためのキーボードコントローラ２１を備えている。また、タッチパッド１２からの操作入力を入力データに変換し、コンピュータ本体１０に入力するためのタッチパッドコントローラ２２を備えている。

さらに、タブレットＰＣ１００は、データ入力装置としてキーボード１１やタッチパッド１２以外に、タブレット型入力装置２３を備えている。このタブレット型入力装置２３は、タブレット（タッチパネル）２４と、このタブレット２４により検出されたペンや指などの座標位置やその接触面の面積を入力データに変換するためのタブレットコントローラ２５とからなる。

また、コンピュータ本体１０は、入出力制御部２６を有する。この入出力制御部２６は、キーボードコントローラ２１やタッチパッドコントローラ２２やタブレットコントローラ２５から入力されたデータを、制御部２７に備わるマイクロプロセッサ（ＣＰＵ）に転送するとともに、このＣＰＵの制御に応じて表示装置１３の出力動作とＨＤＤやＳＳＤ（Solid State Drive）等の記憶装置２８の入出力動作を制御する。

なお、制御部２７には、ＯＳや各種アプリケーションがロードされ、ワーク領域としても使用されるＲＡＭ等からなるシステムメモリや、ＢＩＯＳ ＲＯＭ等のメモリデバイスが含まれる。

また、入出力制御部２６に接続されているネットワークＩ／Ｆ２９は、インターネットやＬＡＮ（Local Area Network）等のネットワークを介して外部のサーバ（図示せず）等に接続するためのインターフェースである。タブレットＰＣ１００は、このネットワークＩ／Ｆ２９を介して外部のサーバ等から所望のプログラムやコンテンツをダウンロードすることができる。なお、本実施形態では、ネットワークとして無線ＬＡＮを利用するものとして説明をするが、有線ＬＡＮであってもよい。

図３は、実施の形態に係る電子機器において、映像表示部に第１のシークバーが表示された図である。
この実施の形態においては、上記タブレット（タッチパネル）はマルチタッチパネルで構成され、後述するように複数のシークバーを同時に表示する。
マルチタッチパネルは、表示画面上の複数のポイントにユーザが同時に触れ、データ入力できるタッチパネルである。
例えば、大きな表示画面に複数人が触れ、共同作業を行なったり、複数の指で同時に表示画面に触れたり、また例えば、対象の移動や回転、画像のズームなどの動きを直感的に入力したりすることができる。

符号１は第１のシークバー、符号３０は動画、符号１ａはスライダーである。
ここでは、映像表示部１３に音楽や動画再生ソフト等のコンテンツが表示されている。ここでは一例として、動画３０が表示されている。
この動画３０の画面下側に、この動画３０に係る第１のシークバー１が表示されている。
ここでは、第１のシークバー１の開始端（左端）近傍に再生開始時間「00:00:00」が表示され、終了端（右端）近傍に再生開始時間「02:00:00」が表示されている。また、中央部（中央）近傍に再生位置の半分の時間「01:00:00」が表示されている。この開始端と終了端の再生時間の差分からこの動画３０の再生時間は２時間であることがわかる。

そして、第１のシークバー１にスライダー１ａが重畳表示される。上記のように、表示画面１３に表示された第１のシークバー１の長さが再生中コンテンツ（動画３０）全体の再生時間を示しており、コンテンツのどの再生位置を再生しているのかが、このスライダー１ａの位置によって視覚的に把握できる。ここでは、コンテンツ（動画３０）の半分の再生位置「01:00:00」よりも前の位置であることがわかる。

図４は、実施の形態に係る電子機器において、映像表示部に第１のシークバーおよび第２のシークバーが表示された図である。
符号３１はユーザの指であり、ここでは親指である。
ユーザは親指３１で第１のシークバー１に重畳表示されたスライダー１ａに直接触れ、第１のシークバー１や動画３０を見ながら、第１のシークバー１所望の再生位置までスライダー１ａを左右にドラッグする。

上記のように、再生時間が長いコンテンツのシークバーを用いる再生位置の調整は、調整が粗くなる傾向がある。
ここでは、上記のようにコンテンツの再生時間は２時間であり、再生位置の調整は調整が粗くなり、この状態では、ユーザは微調整を行いにくい。
図５は、実施の形態に係る電子機器において、映像表示部に第１のシークバーおよび第２のシークバーが表示され、ユーザに操作されるようすを示す図である。
符号２は第２のシークバー、符号２ａは第２のシークバーに重畳表示される上記スライダー１ａと同様のスライダーである。
この実施の形態においては、上記のようにユーザが第１の指（例えば右手親指）３１で第１のシークバー１の再生／変更したい位置に触れ、指定すると、ここではユーザが触れた第１のシークバー１の位置にスライダー１ａの表示が移動し、この再生位置におけるコンテンツの再生が行われる。

この状態で、ユーザが第２の指（例えば右手人差し指）３２で映像表示部１３に触れると、第１のシークバー１とは異なる第２のシークバー２が映像表示部１３に表示される。

この第２のシークバー２は、上記第１のシークバー１が第１の指３１で触れられ、指定された、再生位置１ａ近傍を示すシークバーを表示する。また、第２のシークバー２は、上記再生位置１ａ近傍を詳細に表示する。

ここでは、例えば、第２のシークバー２は、上記コンテンツの再生位置「01:10:00」から再生位置「01:10:20」（すなわち、１時間１０分００秒から１時間１０分２０秒）を、第１のシークバー１に対して拡大して表示する。

また、第２のシークバー２は、どちらかというと直線的ではなく、図に示すように、スライダー１ａを囲むような円弧状（曲線的あるいは扇形）に表示される。
そして、スライダー２ａは、第２のシークバー２に重畳され、例えば、第２のシークバー２の再生中間位置である再生位置「01:10:10」に表示される。ここでは、ユーザの右手人差し指３２が触れられている。

そして、この状態で、ユーザが上記右手親指３１および右手人差し指３２の、映像表示部１３との接触を離すと、この再生位置「01:10:10」でコンテンツの再生が行われる。

この実施の形態においては、第１のシークバー１を直線的に、また再生位置の調整という点では粗く表示し、第２のシークバー２をこの第１のシークバー１の近傍に、上記再生位置１ａの近傍を、スライダー１ａを囲むような円弧状（曲線的あるいは扇形）に、詳細に表示するようにしている。

上記のように、構成することにより、シークバーを用いてコンテンツの再生位置を調整する際に、ユーザが微調整を行いやすくなる。
図６は、実施の形態に係る電子機器において、ユーザによって第１のシークバーの左側が指定された場合に、第２のシークバーがその左側に表示されるようすを示す図である。

この実施の形態においては、上記第１の指が左手親指３３、第２の指が左手人差し指３４となっており、指が左右反対になっている。
そして、シークバー１、シークバー２を左手で操作する場合、操作上、シークバー１を左手親指３３で操作した場合は、シークバー２は左手人差し指３４で操作することになるが、この際、一般に、シークバー２をシークバー１の左側に配置したほうが操作しやすくなる。

そして、上記と同様に、ユーザが第１の指（左手親指）３３で第１のシークバー１の再生／変更したい位置に触れ、指定すると、スライダー１ａの表示が移動し、この再生位置におけるコンテンツの再生が行われる。

また、この状態で、ユーザが第２の指（左手人差し指）３４で映像表示部１３に触れると、第２のシークバー２が映像表示部１３に表示される。
この第２のシークバー２は、上記と同様に、再生位置１ａ近傍を示すシークバーを表示する。また、第２のシークバー２は、上記再生位置１ａ近傍を詳細に表示する。

ここでは、例えば、第２のシークバー２は、上記コンテンツの再生位置「00:50:00」から再生位置「00:50:20」（すなわち、０時間５０分００秒から０時間５０分２０秒）を、第１のシークバー１に対して拡大して表示する。

また、第２のシークバー２の形状は上記と同様である。
そして、スライダー２ａは、第２のシークバー２に重畳され、例えば、第２のシークバー２の再生中間位置である再生位置「00:50:10」に表示される。ここでは、ユーザの左手人差し指３４が触れられている。

そして、この状態で、ユーザが上記左手親指３３および左手人差し指３４の、映像表示部１３との接触を離すと、同様に、この再生位置「00:50:10」でコンテンツの再生が行われる。

この実施の形態においても、シークバーを用いてコンテンツの再生位置を調整する際に、ユーザが微調整を行いやすくなる。
また、スライダー１ａの表示が第１のシークバー１の左半分の位置に移動した場合は、このようにシークバー２をシークバー１の左側に配置するように構成するとユーザが上記微調整を行いやすくなる。

同様に、スライダー１ａの表示が第１のシークバー１の右半分の位置に移動した場合は、シークバー２をシークバー１の右側に配置するように構成するとユーザが上記微調整を行いやすくなる。

図７は、実施の形態に係る電子機器において、映像表示部に第１のシークバーおよび第２のシークバーが表示された他の例を示す図である。
この実施の形態においては、第２のシークバー２は上記説明とは異なり、直線的に表示される。
そして、上記と同様にユーザが第１の指（例えば右手親指）３１で第１のシークバー１の再生／変更したい位置に触れ、指定すると、スライダー１ａの表示が移動し、この再生位置におけるコンテンツの再生が行われる。

また、この状態で、ユーザが第２の指（例えば右手人差し指）３２で映像表示部１３に触れると、第１のシークバー１とは異なる第２のシークバー２が映像表示部１３に表示される。

この第２のシークバー２は、上記と同様に、第１のシークバー１が第１の指３１で触れられ、指定された、再生位置１ａ近傍を示すシークバーを表示する。また、第２のシークバー２は、上記再生位置１ａ近傍を詳細に表示する。

例えば、第２のシークバー２は、上記コンテンツの再生位置「01:10:00」から再生位置「01:10:20」（すなわち、１時間１０分００秒から１時間１０分２０秒）を、第１のシークバー１に対して拡大して表示する。

スライダー２ａは、第２のシークバー２に重畳され、例えば、第２のシークバー２の再生中間位置である再生位置「01:10:10」に表示される。ここでは、ユーザの右手人差し指３２が触れられている。

そして、この状態で、ユーザが上記右手親指３１および右手人差し指３２の、映像表示部１３との接触を離すと、この再生位置「01:10:10」でコンテンツの再生が行われる。

上記のように、構成することにより、上記第２のシークバー２が上記第１のシークバー１の近傍に表示されるので、シークバーを用いてコンテンツの再生位置を調整する際に、ユーザが微調整を行いやすくなる。

図８は、実施の形態に係る電子機器の動作を説明するフローチャートである。
符号Ｓ１００は、ここでの開始ステップである。続いて、ステップＳ１０１へ進む。
ステップＳ１０１はコンテンツを再生するステップである。ここでは、動画を再生する。続いて、ステップＳ１０２へ進む。
ステップＳ１０２は、再生中コンテンツの第１のシークバー１と、第１のシークバー１で示される大まかな表示再生位置を表示するステップである。続いて、ステップＳ１０３へ進む。

ステップＳ１０３は、ユーザが第１の指（例えば親指）で第１のシークバー１の再生／変更したい位置に触れるステップである。例えば、これに応じてスライダー１ａを移動させることも可能である。続いて、ステップＳ１０４へ進む。

ステップＳ１０４は、ユーザは第２の指（例えば人差し指）で映像表示部１３に触れるステップである。続いて、ステップＳ１０５へ進む。
ステップＳ１０５は、第２のシークバー２は第１の指で指定された再生位置近傍の、詳細なシークバー表示と詳細な再生指定位置を第２の指近傍に表示するステップである。続いて、ステップＳ１０６へ進む。

ステップＳ１０６は、ユーザが第１のシークバー１に触れる位置を変更すると、これに合わせ、動画の再生指定位置を変更するステップである。続いて、ステップＳ１０７へ進む。

ステップＳ１０７は、ユーザが第２の指で映像表示部１３に触れると、上記と同様に第２のシークバー２を表示するステップである。続いて、ステップＳ１０８へ進む。

ステップＳ１０８は、ユーザが第１の指および第２の指の、映像表示部１３との接触を離すステップである。続いて、ステップＳ１０９へ進む。
ステップＳ１０９は、上記ユーザに指定された詳細な再生位置から動画を再生するステップである。続いて、ステップＳ１０１へ戻り、上記処理を繰り返す。
上記説明したように、この実施の形態の電子機器は、マルチタッチパネルを備え、第１のシークバー１や第２のシークバー２等、複数のシークバーをユーザが同時に操作する。

そして、上記シークバー１のようにスライダーの移動量に対し、再生位置の変更量が相対的に大きいシークバーと、上記シークバー２のように変更量が相対的に小さいシークバーを、同時に、例えば２本指で操作しやすいように表示する。

また、第１の指でスライダーの移動量に対し、再生位置の変更量が大きいシークバー１を操作中に、第２の指でパネル（映像表示部１３）に触れる（タッチする）と、このタッチした位置に上記シークバー２のように変更量が相対的に小さいシークバーを表示する。

また、例えば、片手で操作することを想定すると、上記シークバー１のようにスライダーの移動量に対し、再生位置の変更量が相対的に大きいシークバーは線形（直線的）に表示し、上記シークバー２のように再生位置の変更量が相対的に小さいシークバーは円弧状（曲線的あるいは扇形）等に表示する。

この実施の形態においては、マルチタッチパネルを用い、ユーザが複数のシークバーを同時に操作しやすいように、複数のタイムバーの位置や形を変えて表示することで、ユーザがマルチタッチパネルで２種類のシークバーを同時に操作する際に、操作しやすくなる。

上記のように構成することにより、この発明の実施の形態においては、シークバーを用いるコンテンツの再生位置調整において、ユーザが微調整を行いやすい電子機器を提供することが可能になる。

なお、上記説明においては、ユーザは、電子機器１００を、右手親指と右手人差し指あるいは、左手親指と左手人差し指を用いて説明する例を用いたが、ユーザが使用する指は親指と人差し指に限られず、人差し指と中指、親指と中指等、どの指を使用しても良い。

また、マルチタッチパネルに接触するのは、指に限られず、タッチペン等でも良い。
また、第２のシークバー２の形状は、上記のように、円弧状（曲線的あるいは扇形）に限られず、直線状等でも良い。
なお、上記実施形態は、記述そのものに限定されるものではなく、実施段階では、その趣旨を逸脱しない範囲で、構成要素を種々変形して具体化することが可能である。

１…第１のシークバー、２…第２のシークバー、１３…映像表示部、３０…動画、３１…右手親指、３２…右手人指し指、３３…左手親指、３４…左手一指し指、１００…再生位置（スライダー）、２００…再生位置（スライダー）。

Claims (10)

1. 再生中コンテンツの再生位置が、触れられることによって指定可能に表示部に表示される第１のシークバーと、
   前記第１のシークバーが表示された表示部が触れられた場合に、前記再生中コンテンツの再生位置を、前記第１の表示よりも視覚的に詳細に指定可能に表示する第２のシークバーを備える電子機器。
2. 前記第２のシークバーの再生位置の変更量は、前記第１のシークバーの再生位置の変更量より小さく構成される請求項１に記載の電子機器。
3. 前記第２のシークバーは、曲線的に構成される部分を含む請求項１に記載の電子機器。
4. 前記第２のシークバーは、扇形に構成される部分を含む請求項１に記載の電子機器。
5. 前記第２のシークバーは、前記第１のシークバーよりも小さく表示される請求項１に記載の電子機器。
6. 前記第１のシークバーにおいて再生中コンテンツの再生位置を示す第１のスライダーと、前記第２のシークバーにおいて再生中コンテンツの再生位置を示す第２のスライダーをさらに備え、前記第２のスライダーが示すコンテンツの再生位置は、前記第１のスライダーが指定された再生位置に応じて表示される請求項１に記載の電子機器。
7. 前記第１のスライダーおよび前記第２のスライダーは、前記表示部が触れられることによって指定される請求項１に記載の電子機器。
8. 映像を表示する映像表示部を備え、前記第２のシークバーの表示は前記コンテンツの再生中に前記映像表示部が触れられる場合に表示される請求項１に記載の電子機器。
9. 前記第１のシークバーおよび前記第２のシークバーが表示された後に、前記第２の表示との接触が離された場合に、この接触が離された再生位置からコンテンツを再生する請求項１に記載の電子機器。
10. 再生中コンテンツの再生位置が、第１のシークバーが触れられることによって指定可能に表示部に表示されるステップと、
    前記第１のシークバーが表示された表示部が触れられた場合に、前記再生中コンテンツの再生位置を、前記第１の表示よりも視覚的に詳細に指定可能に表示する第２のシークバーを表示するステップを備えるシークバーの表示方法。

Images