申请/专利权人：青岛优云智联科技有限公司

申请日：2022-06-30

公开（公告）日：2024-06-18

公开（公告）号：CN115190364B

主分类号：H04N21/472

分类号：H04N21/472;H04N21/858;H04N21/482;H04N21/485

优先权：

专利状态码：有效-授权

法律状态：2024.06.18#授权;2022.11.01#实质审查的生效;2022.10.14#公开

摘要：本发明公开一种网站中视频知识点播放入口定义和播放控制的方法，包括：步骤1、HTML文件中定义必要的JavaScript对象变量；步骤2、HTML文件中定义视频页面的占位符元素及其id，并引用负责视频页面内容补全和播放控制的JavaScript文件；步骤3、HTML的body标签中定义onload事件函数onLoad；步骤4、视频播放页面加载完毕时，浏览器执行onLoad函数；步骤5、根据步骤1中的定义，计算并填入视频页面的内容。本发明提供的一种网站中视频知识点播放入口定义和播放控制的方法，能使建站者简单易用，用户适用、方便；对课件、会议、线上研讨、内训与分享录屏等视频站点的建设，可极大增强用户体验。

主权项：1.一种网站中视频知识点播放入口定义和播放控制的方法，其特征在于，包括：步骤1、HTML文件中定义必要的JavaScript对象变量，具体包括：步骤101、定义video_localfile，类型为布尔型，true时表示视频使用站内文件，false时表示视频使用站外文件；步骤102、定义video_withpath，类型为布尔型，true时表示步骤104中的视频文件包含了从webroot开始的路径，为false时，表示步骤104中的视频文件路径与HTML文件路径相同；步骤103、定义video_title，字符型变量，其内容为视频的标题；步骤104、定义video_file，字符型变量，其内容为视频文件，包括单纯文件名、含路径、含路径及域名三种形式；步骤105、定义video_vtt，对象数组，每个对象为一种字幕，其中包括外挂字幕文件名、字幕名称、字幕代号、是否默认四个属性；步骤106、定义video_entries，对象数组，每个对象为一个知识点的结构化表达，其中包括分级、播放起始时间、标题；步骤2、HTML文件中定义视频页面的占位符元素及其id，并引用负责视频页面内容补全和播放控制的JavaScript文件，具体包括：步骤201、通过scriptsrc＝"pagesjsvideoplay.js"script引入JavaScript文件；步骤202、定义HTML的body标签，以及说明该标签专有的onload事件触发的函数bodyonload＝"onLoad'1.n'；"background＝"bg.jpg"；步骤203、添加div标签，并在其中定义视频标题占位符标签，并设id为“video_title”，标签内容为空，后面由videoplay.js中的onLoad函数填充；步骤204、定义table标签，将table设计为一行两列，其中第一列中定义video标签，第二列是id为“video_vtt”的div标签以及id为“sections”的ul标签；步骤3、HTML的body标签中定义onload事件函数onLoad；步骤4、视频播放页面加载完毕时，浏览器执行onLoad函数；步骤5、根据步骤1中的定义，计算并填入视频页面的内容，具体包括：步骤501、计算视频文件的url；步骤502、在步骤2定义的页面中，找到id为“video_title”的h1元素，将步骤1中定义的视频标题变量video_title赋值给该元素的innerHTML；步骤503、在步骤2定义的页面中，找到id为onLoad函数传入参数的元素；步骤504、根据步骤501得到的url，构建source标签，该标签将作为video元素的组成部分，为video提供视频源；步骤505、遍历步骤1中定义的字幕文件列表video_vtt，构建track标签，该标签将作为video元素的组成部分，为video提供字幕；步骤506、将步骤504中构建生成的source标签元素和步骤505中构建生成的track标签元素，赋值给video元素的innerHTML；步骤507、在步骤2定义的页面中，找到id为“video_vtt”的div元素，将步骤505中构建的input标签元素，赋值给该div元素的innerHTML；步骤508、遍历步骤1中定义的知识点标题及其开始时间列表video_entries，构建li标签元素，该元素包括知识点起始时间、4空格的分级缩进、知识点标题、onclick事件及其函数playat调用；步骤509、找到步骤506中补全了内容后的video元素，取出它的textTracks属性，定义该属性的change事件监听函数；步骤510、当用户从radio单选框选择字幕时，onclick事件函数将被调用；步骤511、遍历视频，将视频暂停在0.8秒处。

全文数据：

权利要求：

百度查询： 青岛优云智联科技有限公司 一种网站中视频知识点播放入口定义和播放控制的方法

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息，力求客观、公正，但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解，仅供参考使用，不能作为本公司承担任何法律责任的依据或者凭证。

阅读全文 双屏查看 官方信息 专利公告 收藏专利 下载PDF 下载WORD