首页 > 其他分享 >【定制项目】【M15 消防安全宣传】【横屏版】主要模块:视频 + 音频 + 图标 + 问答游戏

【定制项目】【M15 消防安全宣传】【横屏版】主要模块:视频 + 音频 + 图标 + 问答游戏

时间:2023-08-04 22:37:26浏览次数:48  
标签:视频 MP4 横屏 M15 模块 问答 图标


之前客户指定要求竖屏版,所以只做了竖屏效果(项目管理箴言 - 做只做需要的工作,不要镀金),后来客户采购了一批横屏设备(毕竟横屏播放视频才是王道),所以代码升级支持横屏版。


效果展示

主页

【定制项目】【M15 消防安全宣传】【横屏版】主要模块:视频 + 音频 + 图标 + 问答游戏_html5

公益宣传片(视频MP4), 火灾启示录(视频MP4),消防宣教员(视频MP4),消防设施原理(视频MP4) 

视频播放页 -  自动播放 + 循环播放

【定制项目】【M15 消防安全宣传】【横屏版】主要模块:视频 + 音频 + 图标 + 问答游戏_html5_02

消防标识识别模块

【定制项目】【M15 消防安全宣传】【横屏版】主要模块:视频 + 音频 + 图标 + 问答游戏_golang_03

 点击图标后放大效果

【定制项目】【M15 消防安全宣传】【横屏版】主要模块:视频 + 音频 + 图标 + 问答游戏_游戏_04

游戏问答模块

开始页 

【定制项目】【M15 消防安全宣传】【横屏版】主要模块:视频 + 音频 + 图标 + 问答游戏_html5_05

问题页(问题10s倒计时) 

答案正确页

【定制项目】【M15 消防安全宣传】【横屏版】主要模块:视频 + 音频 + 图标 + 问答游戏_golang_06

答案错误页

【定制项目】【M15 消防安全宣传】【横屏版】主要模块:视频 + 音频 + 图标 + 问答游戏_golang_07

问答结束统计页

【定制项目】【M15 消防安全宣传】【横屏版】主要模块:视频 + 音频 + 图标 + 问答游戏_flask_08

主要工作

  • 修改css样式 1920*1080;
  • 提供对应的横屏UI素材;
  • 整体逻辑不变;


标签:视频,MP4,横屏,M15,模块,问答,图标
From: https://blog.51cto.com/u_15294888/6969193

相关文章

  • svg图标不变色的原因和解决方法
    原因:svg图标上有一个 fill 属性影响解决方法:方法1:1.svg标签上修改fill属性为 fill="currentColor"2. path标签清空fill属性1<svgwidth="16"height="16"viewBox="001616"fill="currentColor"xmlns="http://www.w3.org/2000/s......
  • linux centos ubuntu 网络图标消失的解决办法
     在使用linux的过程中,有时会出现网络图标消失的问题,这时系统会没有网络。有些linux的网络连接由NetworkManager管理,问题应由它解决。先执行一下systemctlrestartNetworkManager看有没有效果。原因一:NetworkManager未接管网络解决办法:nmclinetworkingon原因:在终......
  • vue2项目中引入svg图标
    vue版本  vue:"^2.6.11"1.下载对应的svg依赖npminstallsvg-sprite-loader--save-dev2.创建svgIcon文件夹文件夹下对应3个文件svg文件夹:存放svg文件index.js文件:vue挂载svgindex.vue文件:封装的svg文件 3.index.js文件全局挂载到vue上1importVue......
  • 不忘初心 Windows11 Insider Preview 25915.1000 Canary预览版 无更新 纯净精简 2023.
    此版不能更新补丁,并开启按流量计费,此版保留Hyper和linux,让人期待的任务栏图标从不合并功能此版已经回归,母版来自UUPWindows11InsiderPreview25915.1000Canary频道预览版,本版本自动跳过硬件检测,优化后台进程和服务,精简一些日常不常用的组件,速度和性能比原版更胜一筹,为了保证稳......
  • 分享一组矢量图标–UX图标字体库
    科技日新月异的今天,市面上各种分辨率、各种显示精度的显示设备层出不穷,在不同精度不同分辨率的显示设备下图标的应用展现出现了不同要求;如设计师为iphone3gs设计的图标在iphone4下的展现就显得很糟糕了。我们为pc端产品设计的图标到平板电脑上显示(newipad)上展现就不尽人意了......
  • 界面控件DevExpress BI Dashboard v23.1——支持全新的图标趋势指标
    DevExpress BIDashboardv23.1支持在Dashboard图表项中使用趋势指标,趋势指标有助于传达一段时间内的数据趋势——允许用户发现模式并更有效地分析复杂的数据集。使用DevExpressAnalyticsDashboard,再选择合适的UI元素(图表、数据透视表、数据卡、计量器、地图和网格),删除相应参......
  • 小米/红米关闭VoLTE图标(信号旁的HD),以K50为例
    原文:https://zhuanlan.zhihu.com/p/508684071  小米/红米关闭VoLTE图标(信号旁的HD),以K50为例行也思君夜深知雪重,时闻折竹声 45人赞同了该文章新版小米系统中应运营商要求已经隐藏了VoLTE功能的开关,如果使用卡2做为上网卡,HD图标会出现在......
  • Qt将程序打包成.exe文件,并添加图标
    1、在工程中添加一个QtResourceFile,文件名任意2、将.ico后缀的图片放到跟工程文件(.pro)文件同目录下,并在QtResourceFile文件中添加该.ico文件3、添加相关代码,设置窗口图标4、双击打开.pro文件,并在文件末添加上添加完成后ctrl+s保存,此时可以尝试run一下看看窗口图标有没有修......
  • electron的electron-packager打包运行和electron-builder生产安装包过程,学透 Electron
    electron的electron-packager打包运行和electron-builder生产安装包过程开发electron客户端程序,打包是绕不开的问题。macOS应用构建,看似近在咫尺,实则坑坑致命。场景:mac笔记本打包,以及生产出可交付的软件安装包,如何避坑,如何理解app的产生过程!!!!可以按照我测试的路程来配置环境。包......
  • Qt 生成应用程序(二)软件多图标与文件操作
    目录关联某种文件的默认打开方式assocftype解决方案设置文件默认图标应用软件添加多个图标综合方法嘿,各位Qt桌面应用开发的同学们(应该Qt大部分应用场景就是这个吧......