PowerPoint プレゼンテーションを HTML に埋め込む

https://stackoverflow.com/questions/39855

09-06-2019
|

質問

PowerPoint プレゼンテーション (.ppt) を Web ページ (.xhtml) に埋め込むことはできますか?

これは、Internet Explorer 6 と Internet Explorer 7 のみが混在するローカルイントラネットで使用されるため、他のブラウザを考慮する必要はありません。

私は断念した...Flash が今後の方向性だと思います。

解決

Google ドキュメントは、ドキュメントビューアで PowerPoint (および PDF) ドキュメントを提供できます。Google ドキュメントにサインアップする必要はありません。Web サイトにアップロードして、ページから呼び出すだけです。

<iframe src="//docs.google.com/gview?url=https://www.yourwebsite.com/powerpoint.ppt&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe>

他のヒント

パワーポイントを Web ホストするためのさまざまなオプションを試すのにうんざりし、不安定だったりフラッシュが必要だったりしたので、独自のオプションを試してみました。

私のソリューションでは、非常に単純な JavaScript 関数を使用して、画像タグをスクロールしたり、Power Point プレゼンテーション自体から保存した GIF に置き換えたりするだけです。

PowerPoint プレゼンテーションで [名前を付けて保存] をクリックし、GIF を選択します。プレゼンテーションを表示する品質を選択します。PowerPoint では、スライドごとに 1 つの GIF 画像が保存され、Slide1.GIF、Slide2.GIF などの名前が付けられます。
HTML ページを作成し、Power Point GIF 画像を表示するための画像タグを追加します。
```
<img src="Slide1.GIF" id="mainImage" name="mainImage" width="100%" height="100%" alt="">
```

以下のように、onClick アクションを使用して、最初、前、次、および最後のクリック可能なオブジェクトを追加します。

<a href="#" onclick="swapImage(0);"><img src="/images/first.png" border=0 alt="First"></a>
<a href="#" onclick="swapImage(currentIndex-1);"><img src="/images/left.png" border=0 alt="Back"></a>
<a href="#" onclick="swapImage(currentIndex+1);"><img src="/images/right.png" border=0 alt="Next"></a>
<a href="#" onclick="swapImage(maxIndex);"><img src="/images/last.png" border=0 alt="Last"></a>

最後に、呼び出されたときに次の Slide.GIF 画像を取得して img タグに表示する以下の JavaScript 関数を追加します。

<script type="text/javascript">
    //Initilize start value to 1 'For Slide1.GIF'
    var currentIndex = 1;

    //NOTE: Set this value to the number of slides you have in the presentation.
    var maxIndex=12;

    function swapImage(imageIndex){
        //Check if we are at the last image already, return if we are.
        if(imageIndex>maxIndex){
            currentIndex=maxIndex;
            return;
        }

        //Check if we are at the first image already, return if we are.
        if(imageIndex<1){
            currentIndex=1;
            return;
        }

        currentIndex=imageIndex;
        //Otherwise update mainImage
        document.getElementById("mainImage").src='Slide' +  currentIndex  + '.GIF';
        return;
    }
</script>

HTMl ページから GIF にアクセスできることを確認してください。デフォルトでは、これらは同じディレクトリにあることが想定されていますが、ロジックと、必要に応じて画像ディレクトリに設定する方法を確認できるはずです。

このテクニックを使用する私の会社用のトレーニング資料を次の場所に用意しています。 http://www.vanguarddata.com.au したがって、時間をかけて試してみる前に、実際の動作を確認してみてください。

これが、私と同じようにこのことで頭を抱えている他の誰かを助けることを願っています....

公式の Office ドキュメントをオンラインで表示することをお勧めします

リンク

埋め込むには、単に使用できます

<iframe src='https://view.officeapps.live.com/op/embed.aspx?src={urlencode(site-to-ppt)}' width='962px' height='565px' frameborder='0'></iframe>

DocStoc.com そして Scribd.com どちらも Internet Explorer 6 と Internet Explorer 7 で正常に動作します。PowerPoint ファイル (.ppt) など、さまざまな種類のドキュメントが表示されます。私は職場のイントラネットにこれらのサービスを使用しています。もちろん、ドキュメントをアップロードした後は、ドキュメントを「非公開」としてマークすることを忘れないでください。

さらに、ppt として保存すると、 .pps Microsoft PowerPoint を使用してフォーマットする場合は、次のコードを使用できます。

<iframe src="file.pps" width="800px" heigt="600px"></iframe>

もう 1 つの一般的な方法は、ppt/doc を PDF に変換することです。

次に、swftool(http://www.swftools.org) swf に変換します

最後に、FlexPaper(http://flexpaper.devaldi.com) ドキュメントビューアとして。

PowerPoint のスライドを HTML に直接埋め込む方法がわかりません。ただし、PPT ファイルを次の形式に変換するためのソリューションがオンラインで多数あります。 SWF, 他の Flash ムービーと同じように HTML に埋め込むことができます。

「ppt to swf」でグーグル検索してくださいヒット数が多いようです。無料のものもあれば、そうでないものもあります。アニメーションなどを扱うものもあれば、静止画だけを扱うものもあります。あなたが必要なことをしてくれるものがきっとあるはずです。:)

マイクロソフトを使用できます Office Web アプリ PowerPoint および Excel ファイルを埋め込むには。見る 埋め込まれた PowerPoint および Excel ファイルを使用して、ブログでさらに多くのことを伝えます.

結局、各スライドのスクリーンショットを撮り、2 つの異なるタブを使用して移動し、これを .xml ファイルに保存しました。これにより高解像度が得られますが、アニメーションとインタラクティブ性が犠牲になり、ユーザーができることはスライドを読んで変更することだけです。私のウェブサイトからの例です: http://deepschool.jaberwokkee.kodingen.com/~/Miss%20Necchi%27s%20powerpoints/Volume%20of%20prisms%20powerpoint/slide1.htm

Google ドキュメントを使用すると、PowerPoint ドキュメントをアップロードし、全員と「共有」してから「公開」することができます。これにより、サイトに埋め込むためのコードが提供されたり、フルサイズで実行される直接リンクを使用したりできます。ブラウザウィンドウの。テキストは画像に変換されずに保持されるため、変換は非常に良好で、適切に拡張されます。変換は非常に優れており、すべて無料です。ぜひ行ってみる価値があります。

このスタック内のすべてのオプションを試しましたが、PPT を使用して迅速にロードされるものには到達できませんでした。ファイルを直接保存し、簡単に拡大縮小できます。pptを保存しました。.gif として保存し、画像を簡単にドロップできる「Infinite Carousel」(JavaScript) を選択しました。左右のコントロール、再生オプションなど、ppt にあるものとすべて同じものがあります。プレゼンターモード...

http://www.catchmyfame.com/2009/12/30/huge-updates-to-jquery-infinite-carousel-version-2-release/

「実際の答え」は、直接実行することはできないということです。PowerPoint プレゼンテーションをブラウザが処理できるものに変換する必要があります。PowerPoint プレゼンテーションの各ページを JPEG 画像として保存し、一連の画像として表示できます。PowerPoint プレゼンテーションを HTML として保存できます。これらのソリューションはどちらも、PowerPoint のアニメーションを含まず、静的なページのみをレンダリングします。ツールを使用して PowerPoint プレゼンテーションを Flash (.swf) に変換し、その方法で埋め込むことができます。これにより、アニメーションが保存され、おそらく画像を変更するための特別なコードを記述することなく自動スライドショーを実行できるようになります。

Google での最初のいくつかの結果はすべて良い選択肢のように思えます。

http://www.pptfaq.com/FAQ00708.htm

http://www.webdeveloper.com/forum/showthread.php?t=86212

PowerPoint ファイルを Flash に変換できる Flash ツールが役立つ場合があります。スライドシェアも便利です。私の場合は、PPT2Flash Pro などを使用します。

そうですね、まずパワーポイントをフラッシュに変換する必要があると思います。PowerPoint はインターネット上で共有可能な形式ではありません。のようなツール PowerPoint から Flash へあなたの役に立つかもしれません。

試す PowerPoint ActiveX 2.4. 。これは、PowerPoint を OCX に埋め込む ActiveX コンポーネントです。

Internet Explorer 6 と Internet Explorer 7 のみを使用しているため、このコンポーネントを HTML に埋め込むことができます。

補足として:イントラネットユーザーもインターネットにアクセスできる場合は、スライドシェア PowerPoint プレゼンテーションを Web サイトに埋め込むためのウィジェット。

(プレゼンテーションを非公開としてマークすることを忘れないでください。)

しばらくこれについて調べてみましたが、Web 上のフリーウェアやシェアウェアはほぼすべてダメでした。これには、.ppt ファイルを Flash または何らかのビデオ形式に直接変換するソフトウェアと、デスクトップ画面を記録するソフトウェアが含まれていました。ソフトウェアは不格好で、品質も悪かった。

私たちが最終的にたどり着いた解決策は少し手動ですが、これまでで最高品質の結果が得られました。

.ppt ファイルを何らかの画像形式 (.bmp、.jpeg、.png、.tif) でエクスポートします。スライドごとに 1 つのファイルが書き込まれます。
すべてのスライド画像ファイルをにインポートします Googleピカサそれらを使用してビデオを作成します。いくつかの素晴らしいシンプルなトランジションを追加することができます (恐ろしい .ppt トランジションはありませんが、気にする必要はありません)。 WMV 指定した解像度のファイル。

.wmv として保存するのは完璧ではありませんが、それを他の形式または Flash に変換するのはおそらく非常に簡単だと思います。私たちはそれらを YouTube にアップすることを検討していましたが、これがうまくいきました。

簡単な (そして無料の) 方法は、ダウンロードすることです。オープンオフィスそして使用します印象づけるをクリックして PowerPoint プレゼンテーションを開きます。次に、別のフォルダーに HTML としてエクスポートします。プレゼンテーションは、PowerPoint スライドごとに個別の HTML ファイルと画像で構成されます。タイトルページにリンクすれば完了です。

同様の問題の解決策を探していました。

調べてみた http://phppowerpoint.codeplex.com/

しかし、彼らにはこれより優れたドキュメントがなく、私が向こうで見たデモページさえなく、一見難しそうに見えました。

私が思いついたのは次のとおりです。MicrosoftのSkyDrive。 https://skydrive.live.com

必要なのは、アカウントを取得し、PPT をアップロードして、すぐに埋め込むことだけです。PPT プレーヤーは非常に使いやすく、気に入っています。

PPT から Flash へのソリューションを推奨している人がいますが、Flash はモバイルデバイスでは動作しません。というホスティングサービスがあります iSpringクラウド PPT を Flash と HTML5 を組み合わせた形式に自動的に変換し、Web サイトまたはブログ用の埋め込みコードを生成できるようにします。完全な手順については、次のサイトを参照してください。 Webサイト.

パワーポイントは、html5ビデオタグを使用して投稿できるmp4への変換をサポートしています。

名前を付けて保存 > MPEG-4 ビデオ (*.mp4)

<video controls autoplay reload="none" style="width:1000px;">
<source src="my_power_point.mp4" type="video/mp4" />
</video>

もう 1 つのオプションは、Mac で Apple Keynote を使用して (Libre Office では、私が持っていた pptx を開くことができませんでした)、プレゼンテーションを HTML5 に保存することです。基調講演で表示されるものを正確に生成するのに非常に優れた仕事をします。アニメーションやビデオが含まれます。ただし、基調講演と PowerPoint の互換性には制限があります (エクスポートとは関係なく)。

ライセンス： CC-BY-SA と帰属

所属していません StackOverflow