知识变现海哥|短视频微课制作常用的八种方式

Posted 2023-04-04 跟海哥学知识变现

知识付费知识变现 微课常用的八种方式

短视频微课是最常见的知识付费产品形式，在当今知识付费中大潮中，已经被人们广泛所接受，录播微课也是各类知识付费平台最常见知识变现方式。录播微课的制作，不仅仅能够提升知识变现者的信息化技能，也能提高知识变现者的专业综合素养。

那么，怎么进行微课的制作呢？微课制作有几种形式呢？微课的制作需要什么工具呢？现在网上流行制作微课的软件很多，归纳起来，常用的有关微课的制作方法大约有八种方式：

一、教学录像型

教学录像型微课，类似于视频公开课、百家讲坛等类型，将知识付费教师的讲课、演示、示范等教学活动利用摄像机或录播系统拍摄下来，制成教学微视频。授课教师最好是教学名师或权威专家，对教师的外貌、着装、语言、手势也有一定要求，否则会影响教学效果。这种微课视频制作比较简单，微课水平很大程度上取决于录像水平。

二、多媒体讲解型

利用PPT等多媒体软件将文本、图形、声音、动画、视频等多媒体元素同步讲解，展示教学内容，再直接转换或利用录频软件录制成多媒体课件自动讲解的微课视频，这类微课视频的质量由多媒体课件的质量决定。一般常画面清晰，讲解流畅，声画同步，效果较好。这类微课视频制作起来有一定的难度，需要专业的制作团队配合，可用于制作较高质量的微课。

三、动画讲解型

以教师的讲解时间为时间轴，配合能够呈现教学内容的文本、图像、表格、数据等制作教学动画，将一段有意义的教学讲解录音做成动画型微课教学视频，配以必要的教学文字，更能生动形象地讲解教学内容，可以吸引学生的注意力，提高教学效果。这类微课视频生动有趣，但制作起来难度较大，需要有专业的IT团队，一线一个人一般很难搞定。

四、屏幕录制型

利用多媒体课件、计算机软件等工具，教师对着计算机显示器讲解教学内容，或者教师直接利用鼠标、手绘板或触摸屏等在计算机显示器上书写教学内容，并利用计算机录屏软件将屏幕显示的教学内容、教师的书写和点评以及教师讲解的声音录制下来。教师讲解时不能照本宣科，决不能将PPT当演讲稿，一字不漏念下来。讲课时切忌鼠标到处乱晃，影响学生的思维。屏幕录制型微课录制由教师一人即可完成，教师需要熟悉录屏软件的操作，容易入门，但需要部署软件环境，清晰度难以保证，也比较难以出精品。

五、便携式视频工具拍摄型

针对微课主题，进行教学设计后用笔在白纸上展现出教学过程，可有画图、书写、标记等行为，并用便携式视频工具拍摄如摄像机或手机将教学过程拍摄下来。典型例子是可汗学院的微课视频，有学者将这种视频称为“可汗风格”。老师边讲边画，可以营造一种一对一讲题的气氛，容易吸引学生的注意力。可汗风格微课的制作简单，费用低廉，但对环境的要求较高，需要在安静、无干扰的环境进行。

六、课堂录播系统录制型

利用全自动智能录播系统，在教师现场授课的同时，录制课堂教学实况录像，完整地记录教师授课的全过程，包括教师讲授的过程、板书书写的过程和使用的多媒体教学课件等，还有学生行为识别系统，可以同时录制学生的课堂学习情况。课堂录播系统录制型为全智能系统，对教师和学生的要求都很高，教师或者学生稍不注意就有可能“吸引”自动拍摄系统的注意，从而把翻书、喝水等无关行为录制在视频中。而且这种智能系统灵敏性较低，基本上是一种随机拍摄的状态，虽然能自动录制教学全程，但效果较差。

七、视频剪辑型（综合型）

视频剪辑型微课制作综合使用各种影视拍摄技巧与后期编辑手段完成视频制作，将授课过程进行全程录像，并且与PPT相结合，根据教学设计将教师的影像、声音与教学PPT等素材融合起来，制作成直观、形象生动的教学视频。教师和录制团队录课之前要进行充分沟通，哪些地方需要突出教师的表情、手势，哪些地方需要放大课件画面，哪些地方需要采集听众的反应，这些细节问题都需要精心组织，需要专业的策划、拍摄、动画制作、后期编辑，甚至配音、配乐等才能将课程完美地呈现出来。这类微课视频效果最好，但制作难度大，制作成本高昂。

八、交互式微课型

交互式微课，采用的是基于html5技术构建的一种课件形式，注重学习内容的交互性。旨在吸引学习者学习兴趣、启发学习者思考、激发学习动机，以及通过交互式学习进行及时的测验，促进知识内化，便于知识的掌握。具有制作便捷、易传播、交互、有趣、易管理等优秀特征。

总之，上述1-7种视频微课最大的弊端在于需要多种软、硬件配合才能完成，也缺乏了学生主动参与、人机互动和学习评测等环节，这样势必很难满足学生实际需要，从而会造成教、学、测、评之间脱节的现状；在移动互联网时代，也不利于知识的传播分享。而且微课一旦发布，很难根据学情随时调整微课内容，几乎需要从新制作，这样大大增加了我们老师的工作压力和成本。

更何况，对于一些基层教学单位来说，基本上来说是没有专业的录制团队和录像系统等硬件支撑的。

所以，我们没有必要一味地去追求“高、大、上”的微课录制技术，毕竟微课的宗旨是在短时间内传授知识。微课并不是“Show技术”和“Show美观”，过度的可视化、动态化可能会分散学生的注意力，削弱学生的自主思考和深度探索能力。它和传统课堂一样，主要以知识的讲解和传授为第一要义。它的价值和贡献一方面在于它能在短时间内高质量地传递出精华内容，另一方面在于它能引发学习者的深度思考。所以说，从实用的角度来看，第8种的微课制作方便，更容易传播。

我是知识变现教练海哥，学知识变现，请关注公号【跟海哥学知识变现】回“知识变现”，立即领取【知识变现】电子书，学习更多知识变现干货。

 

 

Selenium Webdriver元素定位的八种常用方式

在使用selenium webdriver进行元素定位时，通常使用findElement或findElements方法结合By类返回的元素句柄来定位元素。其中By类的常用定位方式共八种，现分别介绍如下。

1. By.name()

假设我们要测试的页面源码如下：

<button id="gbqfba" aria-label="Google Search" name="btnK" class="gbqfba"><span id="gbqfsa">Google Search</span></button>

 

当我们要用name属性来引用这个button并点击它时，代码如下：

 

2. By.id()

页面源码如下：

1 <button id="gbqfba" aria-label="Google Search" name="btnK" class="gbqfba"><span id="gbqfsa">Google Search</span></button>

 

要引用该button并点击它时，代码如下：

 1 public class SearchButtonById {
 2 
 3         public static void main(String[] args){
 4 
 5             WebDriver driver = new FirefoxDriver();
 6 
 7             driver.get("http://www.forexample.com");
 8 
 9             WebElement searchBox = driver.findElement(By.id("gbqfba"));
10 
11             searchBox.click();
12 
13         }
14 
15 }

 

3. By.tagName()

该方法可以通过元素的标签名称来查找元素。该方法跟之前两个方法的区别是，这个方法搜索到的元素通常不止一个，所以一般建议结合使用findElements方法来使用。比如我们现在要查找页面上有多少个button，就可以用button这个tagName来进行查找，代码如下：

public class SearchPageByTagName{

     public static void main(String[] args){

            WebDriver driver = new FirefoxDriver();
            driver.get("http://www.forexample.com");
            List<WebElement> buttons = driver.findElements(By.tagName("button"));

            System.out.println(buttons.size());  //打印出button的个数

    }

}                    

 

另外，在使用tagName方法进行定位时，还有一个地方需要注意的是，通常有些HTML元素的tagName是相同的，如下图(1)所示。

 

图（1）

 

从图中我们可以看到，单选框、复选框、文本框和密码框的元素标签都是input，此时单靠tagName无法准确地得到我们想要的元素，需要结合type属性才能过滤出我们要的元素。示例代码如下：

 1 public class SearchElementsByTagName{
 2 
 3         public static void main(String[] args){
 4 
 5             WebDriver driver = new FirefoxDriver();
 6 
 7             driver.get("http://www.forexample.com");
 8 
 9             List<WebElement> allInputs = driver.findElements(By.tagName("input"));
10 
11             //只打印所有文本框的值
12 
13             for(WebElement e: allInputs){
14 
15                   if (e.getAttribute(“type”).equals(“text”)){
16 
17                   System.out.println(e.getText().toString());  //打印出每个文本框里的值
18 
19                   }
20 
21             }
22 
23        }
24 
25 }

 

4. By.className()

className属性是利用元素的css样式表所引用的伪类名称来进行元素查找的方法。对于任何HTML页面的元素来说，一般程序员或页面设计师会给元素直接赋予一个样式属性或者利用css文件里的伪类来定义元素样式，使元素在页面上显示时能够更加美观。一般css样式表可能会长成下面这个样子：

 1 .buttonStyle{
 2 
 3     width: 50px;
 4 
 5     height: 50px;
 6 
 7     border-radius: 50%;
 8 
 9     margin: 0% 2%;
10 
11 }

定义好后，就可以在页面元素中引用上述定义好的样式，如下：

1 <button name="sampleBtnName" id="sampleBtnId" class="buttonStyle">I\'m Button</button>

 

如果此时我们要通过className属性来查找该button并操作它的话，就可以使用className属性了，代码如下：

 1 public class SearchElementsByClassName{
 2 
 3     public static void main(String[] args){
 4 
 5         WebDriver driver = new FirefoxDriver();
 6 
 7         driver.get("http://www.forexample.com");
 8 
 9         WebElement searchBox =  driver.findElement(By.className("buttonStyle"));
10 
11         searchBox.sendKeys("Hello, world");
12 
13     }
14 
15 }

 

注意：使用className来进行元素定位时，有时会碰到一个元素指定了若干个class属性值的“复合样式”的情况，如下面这个button：<button id="J_sidebar_login" class="btn btn_big btn_submit" type="submit">登录</button>。这个button元素指定了三个不同的css伪类名作为它的样式属性值，此时就必须结合后面要介绍的cssSelector方法来定位了，稍后会有详细例子。

 

5. By.linkText()

这个方法比较直接，即通过超文本链接上的文字信息来定位元素，这种方式一般专门用于定位页面上的超文本链接。通常一个超文本链接会长成这个样子：

1 <a href="/intl/en/about.html">About Google</a>

我们定位这个元素时，可以使用下面的代码进行操作：

 1 public class SearchElementsByLinkText{
 2 
 3     public static void main(String[] args){
 4 
 5         WebDriver driver = new FirefoxDriver();
 6 
 7         driver.get("http://www.forexample.com");
 8 
 9         WebElement aboutLink = driver.findElement(By.linkText("About Google"));
10 
11         aboutLink.click();
12 
13     }
14 
15 }

 

6. By.partialLinkText()

这个方法是上一个方法的扩展。当你不能准确知道超链接上的文本信息或者只想通过一些关键字进行匹配时，可以使用这个方法来通过部分链接文字进行匹配。代码如下：

 1 public class SearchElementsByPartialLinkText{
 2 
 3     public static void main(String[] args){
 4 
 5         WebDriver driver = new FirefoxDriver();
 6 
 7         driver.get("http://www.forexample.com");
 8 
 9         WebElement aboutLink = driver.findElement(By.partialLinkText("About"));
10 
11         aboutLink.click();
12 
13     }
14 
15 }

 

注意：使用这种方法进行定位时，可能会引起的问题是，当你的页面中不止一个超链接包含About时，findElement方法只会返回第一个查找到的元素，而不会返回所有符合条件的元素。如果你要想获得所有符合条件的元素，还是只能使用findElements方法。

 

7. By.xpath()

这个方法是非常强大的元素查找方式，使用这种方法几乎可以定位到页面上的任意元素。在正式开始使用XPath进行定位前，我们先了解下什么是XPath。XPath是XML Path的简称，由于HTML文档本身就是一个标准的XML页面，所以我们可以使用XPath的语法来定位页面元素。

假设我们现在以图(2)所示HTML代码为例，要引用对应的对象，XPath语法如下：

 

图（2）

绝对路径写法(只有一种)，写法如下：

引用页面上的form元素(即源码中的第3行)：/html/body/form[1]

注意：1. 元素的xpath绝对路径可通过firebug直接查询。2. 一般不推荐使用绝对路径的写法，因为一旦页面结构发生变化，该路径也随之失效，必须重新写。3. 绝对路径以单/号表示，而下面要讲的相对路径则以//表示，这个区别非常重要。另外需要多说一句的是，当xpath的路径以/开头时，表示让Xpath解析引擎从文档的根节点开始解析。当xpath路径以//开头时，则表示让xpath引擎从文档的任意符合的元素节点开始进行解析。而当/出现在xpath路径中时，则表示寻找父节点的直接子节点，当//出现在xpath路径中时，表示寻找父节点下任意符合条件的子节点，不管嵌套了多少层级（这些下面都有例子，大家可以参照来试验）。弄清这个原则，就可以理解其实xpath的路径可以绝对路径和相对路径混合在一起来进行表示，想怎么玩就怎么玩。

 

下面是相对路径的引用写法：

查找页面根元素：//

查找页面上所有的input元素：//input

查找页面上第一个form元素内的直接子input元素(即只包括form元素的下一级input元素，使用绝对路径表示，单/号)：//form[1]/input

查找页面上第一个form元素内的所有子input元素(只要在form元素内的input都算，不管还嵌套了多少个其他标签，使用相对路径表示，双//号)：//form[1]//input

查找页面上第一个form元素：//form[1]

查找页面上id为loginForm的form元素：//form[@id=\'loginForm\']

查找页面上具有name属性为username的input元素：//input[@name=\'username\']

查找页面上id为loginForm的form元素下的第一个input元素：//form[@id=\'loginForm\']/input[1]

查找页面具有name属性为contiune并且type属性为button的input元素：//input[@name=\'continue\'][@type=\'button\']

查找页面上id为loginForm的form元素下第4个input元素：//form[@id=\'loginForm\']/input[4]

Xpath功能很强大，所以也可以写得更加复杂一些，如下面图（3）的HTML源码。

 

图（3）

如果我们现在要引用id为“J_password”的input元素，该怎么写呢？我们可以像下面这样写：

WebElement password = driver.findElement(By.xpath("//*[@id=\'J_login_form\']/dl/dt/input[@id=\'J_password\']"));

也可以写成：

WebElement password = driver.findElement(By.xpath("//*[@id=\'J_login_form\']/*/*/input[@id=\'J_password\']"));

这里解释一下，其中//*[@id=’ J_login_form’]这一段是指在根元素下查找任意id为J_login_form的元素，此时相当于引用到了form元素。后面的路径必须按照源码的层级依次往下写。按照图（3）所示代码中，我们要找的input元素包含在一个dt标签内，而dt又包含在dl标签内，所以中间必须写上dl和dt两层，才到input这层。当然我们也可以用*号省略具体的标签名称，但元素的层级关系必须体现出来，比如我们不能写成//*[@id=\'J_login_form\']/input[@id=\'J_password\']，这样肯定会报错的。

 

前面讲的都是xpath中基于准确元素属性的定位，其实xpath作为定位神器也可以用于模糊匹配。比如下面图（4）所示代码：

 

图（4）

这段代码中的“退出”这个超链接，没有标准id元素，只有一个rel和href，不是很好定位。不妨我们就用xpath的几种模糊匹配模式来定位它吧，主要有三种方式，举例如下。

a. 用contains关键字，定位代码如下：

1 driver.findElement(By.xpath(“//a[contains(@href, ‘logout’)]”));

这句话的意思是寻找页面中href属性值包含有logout这个单词的所有a元素，由于这个退出按钮的href属性里肯定会包含logout，所以这种方式是可行的，也会经常用到。其中@后面可以跟该元素任意的属性名。

b. 用start-with，定位代码如下：

1 driver.findElement(By.xpath(“//a[starts-with(@rel, ‘nofo’)]));

这句的意思是寻找rel属性以nofo开头的a元素。其中@后面的rel可以替换成元素的任意其他属性。

c. 用Text关键字，定位代码如下：

1 driver.findElement(By.xpath(“//*[text()=’退出’]));

这个方法可谓相当霸气啊。直接查找页面当中所有的退出二字，根本就不用知道它是个a元素了。这种方法也经常用于纯文字的查找。

另外，如果知道超链接元素的文本内容，也可以用

1 driver.findElement(By.xpath(“//a[contains(text(), ’退出’)]));

这种方式一般用于知道超链接上显示的部分或全部文本信息时，可以使用。

 

最后，关于xpath这种定位方式，webdriver会将整个页面的所有元素进行扫描以定位我们所需要的元素，所以这是一个非常费时的操作，如果你的脚本中大量使用xpath做元素定位的话，将导致你的脚本执行速度大大降低，所以请慎用。

 

8. By.cssSelector()

cssSelector这种元素定位方式跟xpath比较类似，但执行速度较快，而且各种浏览器对它的支持都相当到位，所以功能也是蛮强大的。

下面是一些常见的cssSelector的定位方式：

定位id为flrs的div元素，可以写成：#flrs     注：相当于xpath语法的//div[@id=’flrs’]

定位id为flrs下的a元素，可以写成 #flrs > a  注：相当于xpath语法的//div[@id=’flrs’]/a

定位id为flrs下的href属性值为/forexample/about.html的元素，可以写成： #flrs > a[href=”/forexample/about.html”]

如果需要指定多个属性值时，可以逐一加在后面，如#flrs > input[name=”username”][type=”text”]。

 

明白基本语法后，我们来尝试用cssSelector方式来引用图（3）中选中的那个input对象，代码如下：

WebElement password = driver.findElement(By.cssSelector("#J_login_form>dl>dt>input[id=’ J_password’]"));

同样必须注意层级关系，这个不能省略。

 

cssSelector还有一个用处是定位使用了复合样式表的元素，之前在第4种方式className里面提到过。现在我们就来看看如何通过cssSelector来引用到第4种方式中提到的那个button。button代码如下：

<button id="J_sidebar_login" class="btn btn_big btn_submit" type="submit">登录</button>

cssSelector引用元素代码如下：

driver.findElement(By.cssSelector("button.btn.btn_big.btn_submit"))

。这样就可以顺利引用到使用了复合样式的元素了。

 

此外，cssSelector还有一些高级用法，如果熟练后可以更加方便地帮助我们定位元素，如我们可以利用^用于匹配一个前缀，$用于匹配一个后缀，*用于匹配任意字符。例如：

匹配一个有id属性，并且id属性是以”id_prefix_”开头的超链接元素：a[id^=\'id_prefix_\']

匹配一个有id属性，并且id属性是以”_id_sufix”结尾的超链接元素：a[id$=\'_id_sufix\']

匹配一个有id属性，并且id属性中包含”id_pattern”字符的超链接元素：a[id*=\'id_pattern\']

 

最后再总结一下，各种方式在选择的时候应该怎么选择：

1. 当页面元素有id属性时，最好尽量用id来定位。但由于现实项目中很多程序员其实写的代码并不规范，会缺少很多标准属性，这时就只有选择其他定位方法。

2. xpath很强悍，但定位性能不是很好，所以还是尽量少用。如果确实少数元素不好定位，可以选择xpath或cssSelector。

3. 当要定位一组元素相同元素时，可以考虑用tagName或name。

4. 当有链接需要定位时，可以考虑linkText或partialLinkText方式。

 

参考资料：

《Selenium Webdriver Practical Guide》

https://saucelabs.com/resources/selenium/css-selectors

转自：http://www.cnblogs.com/qingchunjun/p/4208159.html