你好。请问如何在网页中播放PPT

JavaScript012

你好。请问如何在网页中播放PPT,第1张

方法一:PPT转换为PDF,使用pdf.js插件实现预览。

方法二:PPT使用POI转换为图片,图片轮播进行预览。

方法三:PPT转换为HTML,实现预览。

(仅供参考)

 在这里我们需要说明的是,BB平台没有提供PPT在线预览功能,我们需要借助一个小软件来实现。

1、首先,我们必须在自己的电脑上安装ispring软件。

2、这里以《有机化学》为例:

(1)安装完ispring软件之后,再打开PPT,导航栏“视图”后面会多一个“ispring”按钮,如下图:

(2)然后点击上图中红线标出的“ispring”按钮,出现窗口,如下图:

(3)点击“publish”按钮,如下图:

(4)点击“”按钮,出现如下图:

(5)在信息栏“Presentation title”中输入文件名称,在“local folder”中输入文件存储路径,然后点击“publish”按钮;会闪现一个生成.swf文件的窗口,然后迅速出现生成文件预览界面,我们可以选择预览也可以直接关闭窗口,界面如下图:

(6)接着我们进入BB平台,打开需要上传看课程,以“有机化学”为例: 首先打开课程在线学习界面,进入第九章,点击“教学课件”按钮后面的“倒三角”按钮,打开“编辑”,出现窗口,如下图 :

然后点击“创建内容”按钮后面的“倒三角”选择“视频”,如下图:

在浏览“我的电脑”中选择刚才生成的swf文件,在“名称”中填入需要传入的位置,这里是放在“教学课件”中:

接下来是视频尺寸,选择自定义:高度设置为:650,宽度设置为:480;如下如:

2、3、4中的各个选项可根据需要进行选择,然后点击“提交“按钮;教学课件中就生成了可以直接预览的PPT,最后效果如下如图:

HTML5实现播放PPT的方法可以调用CSS样式,步骤如下;

1、调用JS插件代码:

<script src="js/yhc.js"></script>

<script src="js/main.js" charset="utf-8"></script>

<script>impress().init()</script>

2、添加CSS样式代码:<link href="css/qqguoji.css" rel="stylesheet" />。

3、添加HTML代码:将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

该HTML5网页模版是一款基于html5实现的网页旋转、移动切换PPT展示效果。请用支持HTML5+CSS3主流浏览器预览效果,兼容测试:IE11、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器