现在web前端设计效果比起从前的MFC酷多了

我思故我在 · 2019-10-06 11:24:07

2019-10-06%2011-09-47屏幕截图.png

-----------------------------------------

2019-10-06%2011-10-25屏幕截图.png

本来还有动态效果的，不会录制 gif

最近编辑记录我思故我在 (2019-10-06 11:25:34)

kekemuyu · 2019-10-06 13:40:05

screentogif 了解下

我思故我在 · 2019-10-06 13:56:57

kekemuyu 说：

screentogif 了解下

刚刚装了一个 kazam: sudo apt install kazam

录了一个 mp4, 效果不错。

我思故我在 · 2019-10-06 13:57:33

screentogif 貌似没有 linux 版本。

我思故我在 · 2019-10-06 14:01:00

鼠标也抓上去了。

dbskcnc · 2019-10-06 15:00:32

现在web能大行其道不是没有原因的

我思故我在 · 2019-10-06 16:27:51

发现上面的 mp4 文件在好几个浏览器都看不了，

比较了一下，发现像素格式是 yuv444p，能正常播放的是 yuv420p

所以 Linux 下用命令行转换一下: ffmpeg -i ' 2019-10-06 13:59:21.mp4' -vcodec libx264 -pix_fmt yuv420p "2019-10-06_13:59:21A.mp4"

我思故我在 · 2019-10-06 16:34:24

现在 safari, chrome, firefox, yandex 都可以播放楼上的视频了。

ffmpeg参考： https://snippets.bentasker.co.uk/page-1904040945-FFMPEG-Convert-YUV444p-to-YUV420p-BASH.html

我思故我在 · 2019-10-06 16:37:42

因为命令行打开 firefox 浏览器，点击前面的视频，会提示：

[Child 25122, MediaDecoderStateMachine #2] WARNING: Decoder=7f1ed8a26800 Decode error: NS_ERROR_DOM_MEDIA_FATAL_ERR (0x806e0005) - mozilla::SupportChecker::AddMediaFormatChecker(const mozilla::TrackInfo&)::<lambda()>: Decoder may not have the capability to handle the requested video format with YUV444 chroma subsampling.: file /build/firefox-y_KX3Y/firefox-69.0.1+build1/dom/media/MediaDecoderStateMachine.cpp, line 3309

所以我非常确定像素格式引起，只是没想到苹果浏览器都播放不了。

我思故我在 · 2019-10-06 16:49:15

https://stackoverflow.com/questions/55278867/video-not-playing-on-android-chrome-and-ios-safari

and most important -pix_fmt yuv420p as Android / iOS does not support Hi444PP profile as stated by aergistal

果然是不支持 444p

成功的把 UI 帖转成视频帖

我思故我在 · 2019-10-06 16:52:24

%202019-10-06%2016:50:51.png

还能关闭/显示密码

达克罗德 · 2019-10-07 11:34:58

web端有大量高质量的UI框架和UI资源

Gentlepig · 2019-10-07 14:50:31

正在学qt，是不是可以考虑放弃了？

ffplay · 2019-10-07 15:33:52

Gentlepig 说：

正在学qt，是不是可以考虑放弃了？

Qt的widget确实不酷了，但是QML还是挺有趣的，类似html5,用用类似javascript的脚本编程，qss渲染界面。

jimmy · 2019-10-07 15:37:08

现在脚本大行其道，连ubuntu的桌面系统gnome都是用 js 编程了。

xk100 · 2019-10-08 10:21:45

web制作UI的远比你们想想的费资源，而且问题也很多。具体的可以了解一下当年plam 的webos是怎么死的。还有火狐的webos不了了之。

达克罗德 · 2019-10-08 10:33:45

xk100 说：

web制作UI的远比你们想想的费资源，而且问题也很多。具体的可以了解一下当年plam 的webos是怎么死的。还有火狐的webos不了了之。

手机端很多APP都是web了，小型软件应该问题不大。我准备找个开发板，测试一下性能和内存需求

xgui · 2019-10-11 11:21:33

https://getbootstrap.com/docs/4.3/examples/floating-labels/

找到一个bootstrap 类似效果的 demo

mango · 2019-10-11 11:37:37

其实微信小程序，支付宝小程序，快应用等等都是web化的app，js语言来开发，甚至还可以上vue脚手架。比原生app开发简单多了

kekemuyu · 2019-10-11 11:45:28

ui界已是web的天下，还没醒悟的快醒醒吧

xgui · 2019-10-11 11:51:44

mango 说：

其实微信小程序，支付宝小程序，快应用等等都是web化的app，js语言来开发，甚至还可以上vue脚手架。比原生app开发简单多了

kekemuyu 说：

ui界已是web的天下，还没醒悟的快醒醒吧

楼上两位说得都好有道理！

最近编辑记录 xgui (2019-10-11 11:52:22)

dgtg · 2019-10-11 13:00:18

请问楼主，如何入门web前端设计？

我思故我在 · 2019-10-11 13:42:52

dgtg 说：

请问楼主，如何入门web前端设计？

我也在门外徘徊啊，不过根据网上大神经验，

学点 html,css,js基础，然后就上 bootstrap/vue 框架, bilibili上面大把视频教程.

我正在研究 bootstrap, 这个发端于推特的前端框架看起来相当不错:
https://getbootstrap.com/docs/4.3/getting-started/introduction/
https://getbootstrap.com/docs/4.3/examples/

https://www.jasny.net/bootstrap/examples/navbar-offcanvas/

最近编辑记录我思故我在 (2019-10-11 14:11:18)

演技担当黄晓明 · 2019-10-11 23:18:05

用那个前端框架最好,现在一无所知

xgui · 2019-10-11 23:27:35

演技担当黄晓明说：

用那个前端框架最好,现在一无所知

bootstrap 吧，视频资料多，而且我只会这个，哈哈哈哈。

达克罗德 · 2019-10-12 15:43:33

bootstrap最好上手，不过偏向于静态网页。准备学习vue，这个是国人开发的，超级热门

WhyCan Forum(哇酷开发者社区)

楼主 #1 2019-10-06 11:24:07 分享评论

现在web前端设计效果比起从前的MFC酷多了

#2 2019-10-06 13:40:05 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

楼主 #3 2019-10-06 13:56:57 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

楼主 #4 2019-10-06 13:57:33 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

楼主 #5 2019-10-06 14:01:00 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

#6 2019-10-06 15:00:32 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

楼主 #7 2019-10-06 16:27:51 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

楼主 #8 2019-10-06 16:34:24 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

楼主 #9 2019-10-06 16:37:42 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

楼主 #10 2019-10-06 16:49:15 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

楼主 #11 2019-10-06 16:52:24 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

#12 2019-10-07 11:34:58 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

#13 2019-10-07 14:50:31 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

#14 2019-10-07 15:33:52 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

#15 2019-10-07 15:37:08 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

#16 2019-10-08 10:21:45 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

#17 2019-10-08 10:33:45 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

#18 2019-10-11 11:21:33 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

#19 2019-10-11 11:37:37 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

#20 2019-10-11 11:45:28 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

#21 2019-10-11 11:51:44 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

#22 2019-10-11 13:00:18 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

楼主 #23 2019-10-11 13:42:52 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

#24 2019-10-11 23:18:05 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

#25 2019-10-11 23:27:35 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

#26 2019-10-12 15:43:33 分享评论

Re: 现在web前端设计效果比起从前的MFC酷多了

页脚