首页
学习
活动
专区
圈层
工具
发布

居然可以用 js 写 PPT?

居然可以用 js 写 PPT 用powerpoint或者keynote写演示文稿,对于代码、数学公式等的支持一直是个痛点。而且对于前端同学来说,一身的css功力用不上也是个痛点。...对于使用markdown来写文档的同学来说,将文档转成ppt需要重新排版也是件重复性的工作量。...于是我们需要一个基于web技术的ppt框架,reveal.js在这个领域成名已久了,而且上个月还有发布新版本,维护得还蛮好,第一步我们就选它了。...比如改成: 效果变成这样: 支持数学公式 支持数学公式的js库和插件默认并没有包含在默认模板中...更进一步 除了上面介绍的基本特性之外,reveal.js支持自动播放、自制插件、支持处理事件等等有利于开发人员写slides的特性。相信能给你的slides带来新的好玩的东西,将汇报与分享变成乐趣。

11.1K20

用这个插件做代码分享,分分钟干翻 PPT!

今天分享一个超级有意思的 Jupyter 插件,以后做代码分享再也不发愁了,不仅有幻灯片的友好切换,还能在分享的同时进行代码调试,太方便了!...,就说明插件安装成功了 网页 PPT 制作 首先我们先修改 Cell Toolbar 的类型,选择 View -> Cell Toolbar -> Slideshow 然后按照自己的思路,先整理好想要分享下的内容...,在这里,我创建了6个Cell,下面分别介绍下每个 Cell 的类型和作用 Cell 1:选择 Markdown 类型,输入如下代码,Cell Type 选择 Slide,这个作为我们网页 PPT 的第一页...,相当于正常 PPT 的首页 # Python Share Cell 2:还是选择 Markdown 类型,输入如下代码,Cell Type 选择 Slide,...,然后我运行所有的 Cell,之后再点击上面的插件按钮,就可以进入网页 PPT 模式了 最终的效果,我们通过下面的视频来体验下吧:http://mpvideo.qpic.cn/0b78d4aacaaaeuah6i7menpvah6daepqaaia.f10002

67520
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    android之远程控制电脑播放ppt

    如今,上课使用ppt几乎是必不可少的一件事,但是老是跑去电脑前控制播放十分不方便。...除此之外,我们学生在复习时肯定也少不了看ppt、doc,然而若是在冬天,把赤裸裸的手放在外面控制鼠标、键盘太冷了,看着看着就没有心情再看下去了,实在是影响复习的效率呀。...只要你有一台带无线网卡的电脑(笔记本99%都有)和一个android手机,站在台下也可以演讲ppt,远程控制电脑了。...结语: 1.本人的服务器端是用java写的,所以服从java好处,一次编写,到处运行,无论是ubuntu还是mac,我们的客户端都可以控制,但是上面放出的服务器端链接是针对windows的,如果你是mac...手机远程控制电脑,懒人看书,ppt,只需一个手机,你准备好了吗?

    3K30

    jQuery 图片播放插件 FancyBox 和其 WordPress 插件

    什么是 FancyBox FancyBox 是一个 jQuery 图片播放插件,它可以使用类似于 MAC 系统中 “Lightbox” 方式在网页前面浮动显示和播放图片,网页内容,或者其他多媒体内容。...可以自定义播放器和 CSS 样式。 可以以组的形式进行轮转播放。 如果加载了鼠标滚动插件(mouse wheel plugin),FancyBox 还支持通过鼠标滚动事件来翻阅图片。...FanyBox 的 WordPress 插件 正是因为 FancyBox 的强大,很多 WordPress 爱好者,就开发了 FancyBox 的 WordPress 插件,增强 WordPress 的图片显示效果...这个插件没有配置页面,没有选项,只需激活即可,这也是我推荐的插件方式。 下载:Easy FancyBox。 2....Shortcode 显示缩略图,这个插件就会处理好剩下的,你会得到非常漂亮的大图弹出效果,而且还会修正大小到适合浏览器窗口。

    3.6K20

    多功能流媒体播放器实现网页无插件直播之EasyPlayer.js如何实现播放完自动循环播放

    EasyPlayer.js如何实现播放完自动循环播放? 分析问题: H5中video标签支持自动循环播放。...Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。...Video.js实例化video时添加属性。 解决问题: 在video.js实例化video标签时添加loop此属性就可以实现播放完自动循环播放。...随着多年不断的发展和迭代,不断基于成功的实践经验,发展出包括有: EasyPlayer RTSP、EasyPlayer RTMP、EasyPlayerPro 和EasyPlayer.js 等播放器。...目前支持Windows、 Android、iOS三个平台,同时EasyPlayer.js还支持Linux平台。

    5.1K10

    网页PPT: reveal.js 介绍

    reveal.js reveal.js 是个啥 reveal.js 是一个展示内容的框架,可以简单的理解为网页版的PPT。我们用 reveal.js 做出来的PPT其实是一个HTML文件。...优势 和传统的PPT相比,reveal.js 有哪些吸引我的地方呢?...更详细的浏览器支持,见这里) 功能强大,灵活:因为是在浏览器中运行的,可以用HTML+CSS+JS,做各种想要的东西:比如与现场的用户进行交互(如用户在手机上进行一些投票,页面上实时显示投票数);并且,...reveal.js 有多套默认皮肤,支持 多种PPT切换动画,Fragments,内联PPT( nested slides),代码高亮,解析 Markdown,懒加载图片和视屏,导出为PDF和一系列的...DEMO 最后附上 一丝 用 reveal.js 做的高大上的demo CSS 居中之美 超越 icon font CSS 后处理器 CSS 工作流 是不是很高大上,哈哈。

    6.6K20

    Marp —用Markdown编写PPT

    Marp 是一个用 Markdown 编辑幻灯片的跨平台免费软件,用户在左侧区域编辑 MD 文本,可在右侧即时显示效果。...关于 Markdown Markdown 是一种用来写作的轻量级「标记语言」,它用简洁的语法代替排版,而不像一般我们用的字处理软件 Word 或 Pages 有大量的排版、字体设置。...它使我们专心于码字,用「标记」语法,来代替常见的排版格式。例如此文从内容到格式,甚至插图,键盘就可以通通搞定了。...当然,它并没有PowerPoint那样的花里胡哨、也没有各种主题边框可供选择,但是,如果你想在5分钟内编写出一份PPT,Marp还是妥妥的有这个效率的。...VSCode环境制作 首先给你的VSCode安装插件 ?

    3.3K30

    H.265视频无插件流媒体播放器EasyPlayer.js播放webrtc断流重连的异常修复

    H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器,可支持多种流媒体协议播放,可支持H.264与H.265编码格式,性能稳定、播放流畅,能支持WebSocket-FLV...测试功能时发现,EasyPlayer.js播放webrtc时,出现了断流并且没有重连。针对该情况,我们立即进行了排查。...为解决该问题,我们在初始化rtc设置oniceconnectionstatechange监听,并反馈给EasyPlayer.js播放器。...图片为了满足用户的需求,我们也提供了多种版本,包括EasyPlayer-RTSP、EasyPlayer-Pro、EasyPlayer.js等等,以及简单易用的SDK及API接口,用户可以根据自己的需求,...在功能上,EasyPlayer支持直播、点播、录像、快照截图、MP4 播放、多屏播放、倍数播放、全屏播放等特性,支持网页端实时录像,具备较高的可用性和稳定性。

    1.3K30

    DTSpeechVoice 文字转语音播放 插件说明

    本插件可以在UE中使用蓝图把文本转成语音播放,播放的声音引擎是使用Windows自带的语音引擎,支持Win10,Win11。下载地址在文章最后。...如果要播放多语言的,请自己下载其他语言版本的语音库,一般系统自带的只有英语和系统默认语言。蓝图操作首先在Actor里面添加一个 DT Speech Voice Component。...然后创建的组件对象就是操作对象,可以进行播放操作。节点说明Speak播放语音Speak Content : 需要播放的内容。...Set Volume设置播放音量:0 - 100Set Rate设置播放速率: -10 - 10Pause暂停语音播放Resume恢复语音播放Stop停止语音播放,不可恢复Get Tokens获取当前系统有效的语音类型...Set Token设置当前播放的语音类型插件下载UE商城直接搜索 DTSpeechVoice

    3.9K10

    videojs播放器插件使用详解

    1、videojs简介 Video.js是一款web视频播放器,支持html5和flash两种播放方式。...9、其他 9.1、常用事件 播放 this.play() 停止 – video没有stop方法,可以用pause 暂停获得同样的效果 暂停 this.pause()...例如: videojs('my-player', { playbackRates: [0.5, 1, 1.5, 2] }); plugins 类型: Object 这支持在初始化播放器时使用自定义选项自动初始化插件...有关Video.js插件的更多信息,请参阅插件指南。 sources 类型: Array 一组对象,它们反映了本机元素具有一系列子元素的能力。这应该是带有src和type属性的对象数组。...此选项将用于Video.js(即video.novtt.js)的“novtt”版本中。否则,vtt.js与Video.js捆绑在一起。 组件选项 Video.js播放器是一个组件。

    56.5K117

    5.3 PowerBI技巧-在PPT中滚动播放报告页面

    PPT支持PowerBI插件,页面中的报告数据支持静态显示,也支持定时自动刷新,多个报告页面放在不同的PPT页面中,能实现滚动播放,特别适合数据大屏。...操作步骤STEP 1 在PPT中新建一个空白页面,点击菜单栏插入下的PowerBI插件。...STEP 3 回到PPT中,将链接粘贴到中间的地址栏,点击插入按钮,报告就像显示在网页中一样显示在插件中。...STEP 8 点击菜单栏幻灯片播放下的设置,在跳出的对话框中,循环播放前挑勾。...每次点击PPT播放按钮,第一轮播放时,页面切换时屏幕会有个缩放过程或闪白(推断是适应分辨率和加载数据导致),等第二轮播放时,缓存中已经有报告页面的内容了,问题就消失了。

    1.5K10

    js写插件教程

    ;我为了方便都写到一个html中了;请把这个script标签中的内容单独写在一个js文件里 //整个插件写在一个立即执行函数里;就是function(){}();函数自执行;保证里面的变量不会与外界互相影响...号(叹号)或者;(分号)这不是写错了,为了防止那个二货写的js结束没有分号;而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...this的指向为调用的实例;我们此时姑且认为this就指向这个函数;因为这样我们之后再想获取这个div就可以直接用this.div了好吗;而不是在document.getElementById(。。。。...this.Input = this.div.getElementsByTagName("input")[0];//既然找到了div我们在找下div下面的input;当然你要不input用获取...; 只要用this.方法名 就行了;如果在取不到this比如上面的click函数中的this指向点击的button;只要在写var _self = this;就可以用_

    42.3K10
    领券