猫史档案馆


【Kitten版本更新】如何在作品中播放视频?用这一个积木就搞定!

用户:技术喵技术喵查看:24 回复:41 评论:24 创建时间:2018-12-18T15:23:43


2018.12.20版本更新:

1、积木实验室新增视频功能

2、高级工具新增检测运行设备积木

3、其他新增积木内容

center_image

center_image

想要在作品中加入视频

最常见的做法是:将视频转换成GIF再直接拖入源码编辑器

然后再加上重复执行下一个造型积木,才能制造出播放视频的效果

并且图片少则几十张,多则几千张,作品打开就会非常慢

center_image

比如《老人与海》

这个视频作品总共用到了1717个图片资源

加载起来也是相当慢了

那有没有什么好的办法可以解决呢?

之前没有,

现在有了!

积木实验室新增【视频】功能

可以上传本地视频到作品中,配套视频积木结合使用

center_image

下面教你简单三步搞定视频播放

center_image

第一步:将“视频”功能添加到积木盒子

center_image

 

第二步:点击“上传本地视频”,选择视频上传

(等待上传中)

center_image

上传成功后舞台会显示第一帧的视频内容哦~

center_image

 

第三步:添加【视频】积木,播放视频即可

center_image

现在

点击开始按钮,视频就会自动播放啦!

center_image

1、视频上传不成功的情况

如果你发现视频上传不成功,首先要看下视频是否符合要求

目前源码编辑器支持的视频要求如下:

center_image

center_image

喵?视频大小和个数都能理解

但...什么是H.2喵编码的MP4文件呢?

简单来说,MP4常用的格式有H.2喵MPEG4

而我们目前只支持H.2喵编码的MP4格式

 !!!

如果你在上传视频成功后发现舞台是空的没有内容

那么应该就是视频的格式不对

center_image

建议可以使用格式转换工具进行转换

这里推荐使用 魔影工厂 或 狸窝

emotion_发红包啦

以魔影工厂举例说明如何转换格式:

第一步:添加要转化的视频文件,选择转换到MP4文件

center_image

第二步:点击转换模式旁的“高级”选项

center_image

第三步:找到视频编码器一栏,选择H.2喵格式

center_image

(看不清图片的话可右击图片选择“在新标签页中打开图片”)

然后等待输出即可emotion_抢到啦

center_image

 

2、“播放视频”与“播放视频直到结束”的区别

 

center_image

使用“播放视频”积木,会在视频播放的同时会执行下方积木

使用“播放视频直到结束”积木,会等视频播放结束才执行下方积木

!!!

特别是当与“重复执行”积木结合使用时

使用重复执行【播放视频】,则会一直播放视频第一帧×

使用重复执行【播放视频直到结束】,则会正常循环播放整个视频

center_image

如果想要暂停播放视频或者继续播放视频

就可以使用这个积木

center_image

center_image

还可以根据需求选择显示或隐藏视频画面

center_image

center_image

 

3、添加角色、积木丰富视频效果

除了简单播放视频,还可以调整视频大小

借助视频积木、其他角色素材丰富视频效果

【全屏播放效果】

将视频调整到符合舞台大小
添加编程猫角色用以对话

center_image

【缩小播放效果】

添加电视机图片用以装饰
添加播放按钮控制视频暂停和继续播放
添加编程猫角色进行对话

center_image

这里要注意,视频的图层在背景之上,角色之下哦!

center_image

 

PS:不支持手机端运行哦~

 

center_image

如何才能检测运行作品时使用的设备

识别使用者用的是电脑还是手机还是其他呢?

center_image

center_image

答案就是:使用检测运行设备的积木!

上周技术喵就提前预告过这个功能

大家纷纷表示期待,大呼直戳心窝啊!

这对于平时做游戏需要检测设备为电脑或手机的训练师来说

可以说是相当方便的功能了!

center_image

emotion_太开心赶紧来看看如何使用吧!

在积木实验室中,找到【高级工具】

就可以看到新增的两块检测运行设备的积木

center_image

 

1、运行设备积木

center_image

center_image

 

2、运行设备为<手机>积木

center_image

center_image

有了这两个积木,我们就可以检测使用者的设备

根据不同设备配备不同玩法

脚本又省掉了一大堆~~

center_image

 

center_image

1、声音积木盒

新增:设置说话语言

center_image

作用:将说话的内容识别为设置的语言

可选语言:中文/英文/法文/日文/西班牙语

center_image

比如:

设置说话语言为法语

说“Bonjour”

播放出来就是法语“Bonjour”的发音

center_image

设置说话语言为西班牙语

说“你好”的西班牙语翻译

播放出来的内容就是西班牙语“¡Hola!”的发音

 

这个功能就好比百度翻译的“选择翻译语言”

如图所示:

center_image

如果不设置,就相当于是百度翻译中的“自动检测”

“说”的内容会进行自动识别

center_image

 

 

2、数据积木盒

center_image

作用:删除列表中所有数据内容

center_image

这个其实是在原有的删除列表中,增加了一个删除“所有项”的内容

大家可别找不着哦~

 

3、运算积木盒

center_image

作用:将任意输入内容的类型转换为 数字/字符串/布尔值 类型

比如:将某个变量转换为数字类型

center_image

center_image

以上就是本次更新的内容啦~

赶紧去试试新功能吧!

有任何问题可以敲技术喵QQ:2950389506


回复

上一页1 页 / 共 2下一页
哲学喵哲学喵

上传不良信息怎么办呢

点赞0


评论


教练喵教练喵

给个赞

点赞0


评论


十二の十二の

emotion_编程猫_点赞

点赞0


评论


阿尔法官方阿尔法官方

给技术喵点个赞

点赞0


评论


Ryan袁奥Ryan袁奥

emotion_编程猫_点赞

点赞0


评论


I桔汁糖浆II桔汁糖浆I

!!

如果把字符转换成数字会发生什么

点赞0


评论


小企鹅飞小企鹅飞

哈哈,有了视频功能,就可以插入广告了!

或者可以做一个动画片播放器,哈哈哈

点赞0


评论


一个新手一个新手

哇期待新积木emotion_编程猫_加油

点赞0


评论


520669已退猫520669已退猫

在关于检测设备的说说评论里我发现了我的评论

点赞0


评论


520669已退猫520669已退猫

@技术喵 你的小本本又可以划掉几个

点赞0


评论


Ryan袁奥Ryan袁奥

我怎么没看到积木有变化啊?技术喵,???emotion_编程猫_翻白眼

点赞0


评论


概念X概念X

这是我提的建议哦,快来感谢我吧emotion_编程猫_加油

点赞0


评论


抹茶芝士小蛋糕抹茶芝士小蛋糕

哇。太酷了吧~

点赞0


评论


嗯哼君 渠源嗯哼君 渠源

乍一看还以为是try,没想到只是检测设备······

希望喵喵们继续加班做出“检测积木是否正确运行”的积木呦~~~

点赞0


评论


王淳彧王淳彧

更新啦?我表示都是我要的功能

点赞0


评论


bLockTheBlOcK块块bLockTheBlOcK块块

我还是继续用我的手机倾斜x份量

点赞0


评论


技术喵技术喵

emotion_星能猫_ye

已经推上线啦!赶紧去试试新功能吧!

点赞0


评论


想飞翔の鱼想飞翔の鱼

那个。。。设备检测编程猫里早有了呀

点赞0


评论


热情的大黄鸡984热情的大黄鸡984

我一个同学知道后说要放贪玩蓝月胡广告

点赞0


评论


可执行的YJL可执行的YJL

太太好了!

点赞0


评论


可执行的YJL可执行的YJL

emotion_编程猫_加油

点赞0


评论


小浣熊小浣熊

文章都看完了,老人与海gif版视频还没加载完~emotion_编程猫_冷漠

点赞0


评论


user12user12

emotion_编程猫_点赞

点赞0


评论


我的地盘我作主我的地盘我作主

感谢技术喵老师不断给大伙带来的惊喜,源码编辑器最大的优点就是低调,尽量优化减少积木数量,把扩展积木先储存起来根据使用情况调用。萌新不至于一上来看到众多的积木就畏难emotion_编程猫_加油

点赞0


评论


郭效珍郭效珍

更新后好用多了,可是哪里提供下载链接啊?

点赞0


评论


帅到不知名帅到不知名

游戏中可以插入广告吗?

点赞0


评论


技术喵技术喵

大家体验过了吗?

有任何意见反馈可以直接敲技术喵QQ哦~

emotion_编程猫_加油

点赞0


评论


热情的大黄鸡984热情的大黄鸡984

我的怎么用不了呢

点赞0


评论


bLockTheBlOcK块块bLockTheBlOcK块块

能填加一个
围绕x()y()旋转()度

点赞1


评论


明星喵明星喵

挖坟

点赞0


评论