3

ページが壁に投影されている場合にのみページにスタイルを適用しようとしています (プロジェクターによって、誰かがプレゼンテーションを行っている場合)。現時点では、フルスクリーン モードの Opera でのみこれを取得できます。

@media projection他のブラウザで有効にする方法はありますか? また、投影元のラップトップではなく、投影にのみ適用する方法はありますか?

そうでない場合、これに対する実行可能な回避策はありますか? CSSでスライドショーを作成しようとしていますが、プレゼンターのラップトップに追加のコントロールを備えた「プレゼンタービュー」も提供しています。

周辺地域での助けは大歓迎です。

4

2 に答える 2

1

プロジェクターの出力がラップトップ モニターとは異なる解像度である場合、CSS メディア クエリを使用して、各スライド内の余分な要素の表示を制御し、プレゼンターへのメモを付けることができます。

たとえば、ラップトップが 1024x768 で、投影された画面が 1280x800 で、ノートが「notes」というクラス名の要素内にあるとします。次のようにします。

.slide > .notes
{
    display:none;
}

@media projection and (width:1280px)
{
    .slide > .notes
    {
        display:block;
    }
}

プロジェクターとラップトップを別の画面にする必要がありますが (2 台のモニターを使用する場合など)、それを前提として、完全に機能します。実際にこれを実行しました。

私は、プレゼンテーションを行うときは常にフルスクリーン モードで Opera を使用しています。また、「Mira」と呼ばれる Mac OS X アプリも使用しています。このアプリを使用すると、キーストロークをアプリケーションに送信するように Apple Remote を構成できます。したがって、リモートの「進む」キーと「戻る」キーを Opera の「ページアップ」と「ページダウン」にマッピングすると、リモートを使用してスライドをステップスルーできます :-D

于 2011-07-07T06:09:41.877 に答える
1

@media projection抽象的な概念です。実際projectionには、カスタム ブラウザ ビルドを備えた特別な種類のデバイスでのみ「オン」にすることができます。

プロジェクタが外部モニタとして接続されているデスクトップ/ラップトップでは、表示に使用されている追加モニタの種類 (存在する場合) をブラウザが知る方法はありません。

あなたのための唯一のオプションは、次のようなものを入れ<button>"Fullscreen" mode</button>て使用することです:

$(button).click( function() { $(document.body).toggleClass("fullscreen") } );

そしてスタイルを使用します：

body { ... }    
body.fullsceen { ... }
于 2011-06-16T20:54:07.813 に答える