Would it be more fun to have the video playback of the micro-mail program after you've tried the recording module?
Sure enough, the micro-mail program video with a barrage. Isn't that cool, come with me.
1. Video player
2. Choose the color of the bomb screen
3. The barrage is coming ...
1. Video player
Micro-letters have been encapsulated very well. I've only used a few simple attributes here.
Since he had not done the curtain before, I was excited to see Danmu-list. And just add the contents of the curtain to the collection.
Other attributes are not said, and later encountered a careful study.
2. Choose the color of the bomb screen
From the top of the list of bullets, it can be seen that the micro-letter does not give developers too much customization space. Text, time, color?
Also can play a little bit of a pattern of color.
So I simply made a list of commonly used colors. It's a custom paintball screen color.
PS: The code is not tidy, very rotten, gather to live to see it.
(Glued from another project. haha)
/selectcolor.js//Get application instance var app = Getapp () Page ({data: {color: [{key:1, Color: ' White ', Number: ' #FFFFFF '}, {key:2, color: ' Red ', Number: ' #FF0000 '}, {key:3, color: ' Green ', Number: ' #00FF00 '}, {key: 4, Color: ' Blue ', Number: ' #0000FF '}, {key:5, color: ' Peony red ', Number: ' #FF00FF '}, {key:6, color: ' Cyan ', Number: ' #00FFFF '}, {key:7, color: ' Yellow ', Number: ' #FFFF00 '}, {key:8, color: ' Black ', Number: ' #000000 ' }, {key:9, Color: ' Sea-Blue ', Number: ' #70DB93 '}, {key:10, color: ' Chocolate ', Number: ' #5C3317 '}, {key : One, color: ' Blue Violet ', Number: ' #9F5F9F '}, {key:12, color: ' Brass color ', Number: ' #B5A642 '}, {key:13, color: ' Bright Gold ', Number: ' #D9D919 '}, {key:14, color: ' Brown ', Number: ' #A67D3D '}, {key:15, color: ' Bronze ', Number: ' #8C7853 '}, {key:16, color: ' 2nd bronze ', Number: ' #A67D3D '}, {key:17, color: ' Sergeant's Uniform Blue ', #: ' #5F9F9F ' }, {key:18, colOr: ' Cold copper ', Number: ' #D98719 '}, {key:19, color: ' Copper color ', Number: ' #B87333 '}, {key:20, color: ' Coral red ', Nu Mber: ' #FF7F00 '}, {key:21, color: ' Violet Blue ', Number: ' #42426F '}, {key:22, color: ' Dark brown ', Number: ' #5C4033 ' }, {key:23, color: ' Dark green ', Number: ' #2F4F2F '}, {key:24, color: ' Dark copper greens ', Number: ' #4A766E '}, {Ke y:25, color: ' Deep olive green ', Number: ' #4F4F2F '}, {key:26, color: ' Deep orchid ', Number: ' #9932CD '}, {key:27, color : ' Dark purple ', Number: ' #871F78 '}, {key:28, color: ' Deep slate blue ', Number: ' #6B238E '}, {key:29, color: ' Deep lead Gray ', n Umber: ' #2F4F4F '}, {key:30, color: ' Dark brown ', Number: ' #97694F '}, {key:32, color: ' Dark green pine stone ', Number: ' #70
93DB '}, {key:33, color: ' Dark wood ', Number: ' #855E42 '}, {key:34, color: ' Light gray ', Number: ' #545454 '}, {key:35, color: ' Grey rose red ', Number: ' #856363 '}, {key:36, color: ' feldspar color ', Number: ' #D19275 '}, {key:37, Color: ' Brick ', Number: ' #8E2323 '}, {key:38, color: ' Forest green ', Number: ' #238E23 '}, {key:39, color: ' Golden ', Number: ' #CD7F32 '}, {key:40, color: ' Bright yellow ', Number: ' #DBDB70 '}, {key:41, color: ' Gray ', Number: ' #C0C0C0 '}, {key:42, Color: ' Copper green ', Number: ' #527F76 '}, {key:43, color: ' Green yellow ', Number: ' #93DB70 '}, {key:44, color: ' Hunter green ', Number: ' #215E21 '}, {key:45, color: ' Indian red ', Number: ' #4E2F2F '}, {key:46, color: ' Earthy yellow ', Number: ' #9
f9f5f '}, {key:47, color: ' Light blue ', Number: ' #C0D9D9 '}, {key:48, color: ' Light gray ', Number: ' #A8A8A8 '}, {key:49, color: ' Light steel Blue ', Number: ' #8F8FBD '}, {key:59, color: ' Light wood ', Number: ' #E9C2A6 '}, {key:60, Color: ' Lime green ', Number: ' #32CD32 '}, {key:61, color: ' Orange ', Number: ' #E47833 '}, {key:62, color: ' Maroon ', Number: ' #8E236B '}, {key:63, color: ' CSCL blue ', Number: ' #32CD99 '}, {key:64, color: ' Medium Blue ', Number: ' # 3232CD '}, {key:Color: ' Forest green ', Number: ' #6B8E23 '}, {key:66, color: ' Bright yellow ', Number: ' #EAEAAE '}, {key:67, color: ' Orchid Color ', Number: ' #9370DB '}, {key:68, color: ' CSCL green ', Number: ' #426F42 '}, {key:69, color: ' Slate blue ', Nu Mber: ' #7F00FF '}, {key:70, color: ' Spring green ', Number: ' #7FFF00 '}, {key:71, color: ' Turquoise ', Number: ' #70D
BDB '}, {key:72, color: ' Magenta ', Number: ' #DB7093 '}, {key:73, color: ' Wood color ', Number: ' #A68064 '}, {key:74, color: ' Deep Blue ', Number: ' #2F2F4F '}, {key:75, color: ' Navy blue ', Number: ' #23238E '}, {key:76, C Olor: ' Neon basket ', Number: ' #4D4DFF '}, {key:77, color: ' Neon pink ', Number: ' #FF6EC7 '}, {key:78, color: ' New deep Blue ', Number: ' #00009C '}, {key:79, color: ' New brown ', Number: ' #EBC79E '}, {key:80, color: ' Dark golden ', Number: ' #CFB53B '}, {key:81, color: ' Orange ', Number: ' #FF7F00 '},],}, Onload:function () {},//Click to close the Color selection page Face Selectcolor:functioN (e) {var number = E.currenttarget.dataset.number; Console.log ("Number: + number") try {wx.setstoragesync (' Numbercolor ', Number)} catch (e) {} Wx.navigat
Eback ({delta:1,//Rollback front Delta (default 1) page Success:function (res) {//success}, Fail:function () { Fail}, Complete:function () {//Complete}}}})
The above is the entire content of this article, I hope to help you learn, but also hope that we support the cloud habitat community.