关键词：
其他Scratch简介、目录结构可以自行查询，介绍本博客不做赘述，直接进入功能开发介绍
本节实现的是去除Scratch自带的视频流，改为从OSS url播放视频通过添加video-react组件完成对Scratch自带 wistia-video 视频组件的替换。
关于video-react：一个react web视频播放器，不做过多介绍。最终效果如下：
后续文章会加入视频文件选择功能、服务器视频接口、后台对接等功能。
1.通过NPM安装视依赖项
npm install –save video-react / npm install video-react / npm install--save video-react react react-dom redux
2.index.ejs更改
添加<link rel="stylesheet" href="static/video-react.css" /> video-react.css文件后期需要更改所以从node—modules/video-react/diet中提取出来放到静态文件目录
3.card.jsx更改
添加
import Player, ControlBar, ReplayControl,
ForwardControl, CurrentTimeDisplay,
TimeDivider, PlaybackRateMenuButton, VolumeMenuButton from ‘video-react‘;
更改
<VideoStep
dragging=dragging
expanded=expanded
video=translateVideo(steps[step].video, locale) //下方fluid设置
/>
为
<Player
className=styles.videoReact
poster="封面图url可以为空，自动截取第一帧"
fluid=false
width="100%"
height="auto"
src="视频url"
>
<ControlBar>
<ReplayControl seconds=10 order=1.1 />
<ForwardControl seconds=30 order=1.2 />
<CurrentTimeDisplay order=4.1 />
<TimeDivider order=4.2 />
<PlaybackRateMenuButton
rates=[5, 2, 1, 0.5, 0.1]
order=7.1
/>
<VolumeMenuButton disabled />
</ControlBar>
</Player>
4.card样式更改比较基础就不做介绍了
5.注意：
video-react.css需要修改
/* position: absolute; */ 原样式
/* top: 0; */
/* left: 0; */
position: relative;
width: 100%;
height: 100%;
如何为scratch3.0创建一个独立的页面或窗体
很多人都利用GIT上的scratch3.0做开发，但是苦于有些定制需要个性化开发但是不知道如何动手。本篇文章来做好普及工作吧。首先需要完成事项如下：1.需要进行modal定义2.新增窗口的UI界面3.新增窗口逻辑页面4.GUI的UI页面注册5.gui... 查看详情
scratch3.0——克隆代码仓库的正确姿势
...址：https://blog.csdn.net/weiwoyonzhe/article/details/86603450 对Scratch3.0进行二次开发，首先要在github上fock官方代码，但是在自己开发的同时又要跟进官方的代码就要在git做如下配置。步骤：1、配置上游项目地址。即将你fork的项目的地... 查看详情
介绍scratch3.0：扩展编码创造力
...新的机会用新技术创造性地表达自己。今天，我们推出了Scratch3.0，它扩展了孩子们创建代码的方式，内容和来源。当我们测试Scratch3.0的原型时，我们被孩子们创作的项目惊呆了：比如说法语的刺猬，会跳嘻哈舞蹈的河马，以及... 查看详情
介绍scratch3.0：扩展编码创造力
...新的机会用新技术创造性地表达自己。今天，我们推出了Scratch3.0，它扩展了孩子们创建代码的方式，内容和来源。当我们测试Scratch3.0的原型时，我们被孩子们创作的项目惊呆了：比如说法语的刺猬，会跳嘻哈舞蹈的河马，以及... 查看详情
scratch3.0如何设置为不可以修改
参考技术Ascratch3.0可以如下方式进行修改：增加积木的完全锁定、隐藏积木、禁止删除功能，增加角色一键隐藏功能。变量值的修改，Scratch中有两块积木可以修改变量的值。 查看详情
图形化编程娱乐于教，scratch3.0实例，回答询问
...专题。如果您觉得有用，就给点个赞吧。涉及的软件包括scratch3.0(.sb3)。程序解读：回答帅哥的询问，根据不同的回答内容，显示答案知识点：外观、控制、事件、消息、广播、侦测、询问、回答涉及的软件：scratch3.0(.sb3)角色图... 查看详情
第五章第一节scratch3.0数据类型
...息、与用户交互和响应用户的输入。本章涉及如下内容：Scratch3.0支持的数据类型创建并使用变量获取用户输入并与其交互在前4章中，我们已经学习了不少Scratch编程方法，但还是缺少某些关键元素。一个复杂的程序应当能记忆数... 查看详情
scratch3.0里如何在舞台区显示计时器
创建一个自定义变量，取名“计时器”，并勾选在舞台上显示，如图：编写简单脚本如下：舞台显示效果：参考技术A直接让这个图标变成就可以了 查看详情
scratch3.0——作品截图(代码片段)
原文地址：https://blog.csdn.net/weiwoyonzhe/article/details/86603217 Scratch的舞台是基于canvas，最初尝试直接通过canvas的dom，然后生成图片，但最后只能得到一个黑色的图片，得到黑色图片的原因是没有取到有效的canvas而不是因为图片跨... 查看详情
使用scratch3.0制作《礼佛大忏悔文》播放器及视频(代码片段)
使用scratch3.0制作《礼佛大忏悔文》播放器及视频缘起缘起：拜忏的音乐不能自由定制，做视频和音频处理又很专业，普通人只能望而兴叹。目的：由《礼佛大忏悔文》做为因子，通过一个小时的学习，让大家掌握音频、视频的... 查看详情
scratch2中如何打开scratch3
参考技术A不能打开。你不能在桌面版的Scratch2.0中打开Scratch3.0的项目，因为Scratch2.0不知道如何读取.sb3项目文件格式。Scratch应用程序允许你在没有互联网连接的情况下创建Scratch项目。你可以从Scratch网站或你设备的应用商店下载S... 查看详情
第四章第一课scratch3.0消息的广播与接收
...广播来协调各个角色间的行为使用广播机制实现过程学习Scratch3.0中的“自制能块”学习结构化程 查看详情
第五章第二节scratch3.0变量详解
还记得我们在接水果游戏中给游戏增加一个记分的score吗？score一开始被设成0，当接到水果后，我们让score增加一个数值。接到的水颗越多，score就越大。这里的score就是变量。变量的定义：专业地讲，变量是被命名的计算机内存... 查看详情
scratch3.0设计的插件系统(上篇)(代码片段)
我们每个人在内心深处都怀有一个梦想:希望创造出一个鲜活的世界，一个宇宙。处在我们生活的中间、被训练为架构师的那些人，拥有这样的渴望:在某一天，在某一个地方，因为某种原因，创造出了一个不可思议的、美丽的、... 查看详情
odoo-开发笔记列表视图增加记录弹出窗口效果
editable="bottom"增加该标签的效果是，添加记录的时候，在原列表视图上一行一行添加;去掉该标签之后，那么增加新记录的时候，会以弹出窗口的方式实现。如果弹出的窗口显示的效果不好，那么可以自定义form视图。 查看详情
scratch怎么打开sb3文件非常慢
1.首先我们在Microsoftstore里面下载scratch3.0(已有的跳过，注意一定要是在Microsoftstore里面下载的); 2.然后打开C:\ProgramFiles\WindowsApps这个文件夹，拉到最底下，找到ScratchFoundation.ScratchDesktop_3.19.2.0_x64__wmbdy4q6dbx4t这个文件夹，... 查看详情
我无法将记录添加到数据库
...tabase【发布时间】：2019-10-2319:48:49【问题描述】：我正在开发一个应用程序，但遇到了这个问题。我正在尝试向我的SQL本地数据库添加一条记录。它给出了成功的消息框，但是当我关闭应用程序并检查表格时，记录不存在。我尝... 查看详情
为 ejabberd STUN 添加 DNS 记录
...：2017-06-2114:33:04【问题描述】：我正在使用Ejabberd服务器开发一个聊天应用程序。我想实现音频和视频通话。为此，我想使用Jingle。但是，jingle需要一个stun服务器，所以我尝试将Ejabberd配置为一个。在文档（https://docs.ejabberd.im/adm... 查看详情