将PowerPoint演示文稿嵌入到HTML中

时间：2008-09-02 15:50:10

标签： xhtml embed powerpoint

是否可以将PowerPoint演示文稿（.ppt）嵌入网页（.xhtml）？

这将在仅存在Internet Explorer 6和Internet Explorer 7的本地Intranet上使用，因此无需考虑其他浏览器。

我放弃了......我猜Flash是前进的方向。

21 个答案:

答案 0 :(得分：80)

Google文档可以在其文档查看器中提供PowerPoint（和PDF）文档。您无需注册Google文档，只需将其上传到您的网站，然后通过您的网页进行调用：

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

答案 1 :(得分：9)

我厌倦了尝试所有不同的选项来为网络托管一个片状或需要闪存的电源点，所以我自己动手。

我的解决方案使用一个非常简单的javascript函数来简单地滚动/替换我从Power Point演示文稿本身保存的GIF图像标记。

  1. 在功率点演示文稿中，单击“另存为”并选择GIF。选择要在其中显示演示文稿的质量。 Power Point将为每张幻灯片保存一张GIF图像，并将其命名为Slide1.GIF，Slide2.GIF等......

  2. 创建HTML页面并添加图像标签以显示Power point GIF图像。

    <img src="Slide1.GIF" id="mainImage" name="mainImage" width="100%" height="100%" alt="">

  3. 使用onClick操作添加一些first，previous，next和last可点击对象，如下所示：

    <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>

  4. 最后，添加以下javascript函数，在调用时抓取下一张Slide.GIF图像并将其显示到img标记。

    <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>

    5. 确保可以从HTMl页面访问GIF。默认情况下，它们应位于同一目录中，但您应该能够看到逻辑以及如何在需要时设置图像目录

    我在http://www.vanguarddata.com.au为我的公司提供了使用此技术的培训材料，因此在您花费任何时间尝试之前，欢迎您查看实际操作。

    我希望这可以帮助那些和我一样头疼的人......就像我一样......

答案 2 :(得分：7)

我建议在线查看官方View Office文档

link

用于嵌入你只需使用

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

答案 3 :(得分：5)

DocStoc.com和Scribd.com都适用于Internet Explorer 6和Internet Explorer 7.它们将显示各种文档类型，包括PowerPoint文件（.ppt）。我在工作中使用这些服务用于我的内部网。当然，请记住在上传文件后将其标记为“私人”。

答案 4 :(得分：4)

此外，如果使用microsoft powerpoint将ppt保存为.pps格式，则可以使用以下代码：

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

另一种常见的方法是将ppt / doc转换为pdf，

然后使用swftool（http://www.swftools.org）将其转换为swf

最后，将FlexPaper（http://flexpaper.devaldi.com）作为文档查看器。

答案 5 :(得分：3)

我不知道将PowerPoint幻灯片直接嵌入HTML的方法。但是，有许多在线解决方案可以将PPT文件转换为SWF，它可以像任何其他Flash电影一样嵌入到HTML中。

Googling for 'ppt to swf'似乎给了很多热门。有些是免费的，有些则不是。有些人处理动画等事情，有些人只做静止图像。必须有一个能满足你需要的东西。 ：）

答案 6 :(得分：3)

我最终选择了每个幻灯片的屏幕截图，并使用两个不同的标签进行导航，这被放入了。这给了高分辨率，但是你牺牲了动画和交互性，用户唯一能做的就是阅读和更改幻灯片。这是我网站上的一个例子：http://deepschool.jaberwokkee.kodingen.com/~/Miss%20Necchi%27s%20powerpoints/Volume%20of%20prisms%20powerpoint/slide1.htm

答案 7 :(得分：3)

您可以使用Microsoft Office Web Apps嵌入PowerPoint和Excel文件。请参阅 Say more in your blog with embedded PowerPoint and Excel files 。

答案 8 :(得分：2)

Google文档允许您上传PowerPoint文档，然后您可以与所有人“共享”它然后您可以“发布”它，这将提供代码将其嵌入您的网站，或者您可以使用直接链接运行于浏览器窗口的完整大小。转换非常好并且可以很好地扩展，因为文本被保留而不是转换为图像。转换非常好，整个过程都是免费的。绝对值得一试。

答案 9 :(得分：2)

尝试了这个堆栈中的所有选项，并且无法轻松达到快速加载的内容，使用了PPT。直接归档，轻松扩展。救了我的ppt。作为.gif并选择了“Infinite Carousel”（javascript），我可以轻松地将图像放入其中。有左右控制，播放选项，你在ppt找到的所有相同的东西。演示者模式...

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

答案 10 :(得分：1)

“实际答案”是你无法直接做到的。您必须将PowerPoint演示文稿转换为浏览器可以处理的内容。您可以将PowerPoint演示文稿的每个页面保存为JPEG图像，然后显示为一系列图像。您可以将PowerPoint演示文稿另存为HTML。这两种解决方案都只会呈现静态页面，而不需要PowerPoint的任何动画。您可以使用工具将PowerPoint演示文稿转换为Flash（.swf）并以此方式嵌入。这将保留任何动画，并且可能允许您进行自动幻灯片放映，而无需编写特殊代码来更改图像。

答案 11 :(得分：0)

我花了一段时间研究这个，几乎所有的网络上的免费软件和共享软件都被吸了。这包括将.ppt文件直接转换为Flash或某种视频格式的软件，以及用于记录桌面屏幕的软件。软件很笨重，而且质量很差。

我们最终提出的解决方案是一点点手册，但它给出了最好的质量结果：

  1. 将.ppt文件导出为某种图像格式（.bmp，.jpeg，.png，.tif） - 每张幻灯片写出一个文件
  2. 将所有幻灯片图片文件导入Google Picasa并使用它们制作视频。你可以添加一些不错的简单转换（它没有一些可怕的.ppt一个，但谁在乎）并且它会转出你指定分辨率的WMV文件。

    3. 保存为.wmv并不完美，但我确信将其转换为其他格式或Flash可能非常简单。我们希望将它们放到YouTube上，这就是诀窍。

答案 12 :(得分：0)

好吧，我认为你可以先将powerpoint转换为flash。 PowerPoint不是Internet上的可共享格式。像PowerPoint to Flash这样的工具对您有所帮助。

答案 13 :(得分：0)

一种简单（免费）的方式是下载OpenOffice并使用Impress打开PowerPoint演示文稿。然后导出到HTML的单独文件夹中。您的演示文稿将包含每个PowerPoint幻灯片的单独HTML文件和图像。链接到标题页，您就完成了。

答案 14 :(得分：0)

一些可以将PowerPoint文件转换为Flash的Flash工具可能会有所帮助。幻灯片分享也很有帮助。对我来说，我会选择像PPT2Flash Pro这样的东西。

答案 15 :(得分：0)

作为旁注：如果您的Intranet用户也可以访问Internet，您可以使用SlideShare小部件将PowerPoint演示文稿嵌入到您的网站中。

（请记住将您的演示文稿标记为私有！）

答案 16 :(得分：0)

尝试 PowerPoint ActiveX 2.4 。这是一个将PowerPoint嵌入OCX的ActiveX组件。

由于您只使用Internet Explorer 6和Internet Explorer 7，因此可以将此组件嵌入到HTML中。

答案 17 :(得分：0)

我一直在寻找类似问题的解决方案。

我调查了http://phppowerpoint.codeplex.com/

但他们没有更好的文档，甚至没有我可以在那里看到的演示页面，这看起来很难。

我想出的是：微软的SkyDrive。 https://skydrive.live.com

您需要的只是一个帐户，并上传您的PPT并直接嵌入它们。 PPT播放器使用起来非常干净，我喜欢它。

答案 18 :(得分：0)

我注意到人们推荐了一些PPT-to-Flash解决方案，但Flash并不适用于移动设备。有一个名为iSpring Cloud的托管服务可自动将您的PPT转换为Flash + HTML5格式，并允许您为您的网站或博客生成嵌入代码。可以在website上找到完整的说明。

答案 19 :(得分：0)

Google上的前几个结果听起来都不错：

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

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

答案 20 :(得分：0)

Power point支持转换为mp4，可以使用html5视频标签发布。

另存为＆gt; MPEG-4视频（* .mp4）

<video controls autoplay reload="none" style="width:1000px;">
<source src="my_power_point.mp4" type="video/mp4" />
</video>
相关问题
最新问题