css3

Customize your design

How to customize HTML5 chat design ?

Many users do write to us asking if we can send them the CSS file so they can modify it.

An answer is NO: the CSS file is Global and stored on our servers. So people think they are unable to change the design of the chat, which of course is untrue.

The CSS allows to override the existing CSS. So instead of change the CSS, you need to ADD your own to OVERRIDE the exiting.
And here is how to do that:

  1. As usual go to your chatadmin and choose the config  -> design tab:
  2. You will find the property : “Link to external CSS to customize your chat”
  3. you will insert the LINK to your OWN css : It must be http, like
    http://myownsite.com/myCustomizedCss.css
  4.  in your myCustomizedCss you will override the existing CSS
    If for instance you want the send Button to be red, you will create something like

 

#send-msg-btn {
background-color: red;
}

That will over ride the existing CSS for the #send-msg-btn

 

and as result, you will get a red send button.

jail

New feature: jail (or mute) an user

New feature: Jail an user

In roles, you can now set up who can jail an user.
Jailing an user is making him mute: he will be able to enter the chat, but will not be able to interact on the site: he will be simply a spectator of the chat.

You can jail an user for N minutes. You can also choose to warn an user when he’s jailed.

create rooms

dynamic room creation

New feature : dynamic room creation

dynamicRooms

You will find that features in roles tab. You can indicate per role, how many dynamic rooms an user can create (if non, leave 0)

You can now define if a particular role can create dynamic rooms in real time.

These rooms are temporary rooms : they are created meanwhile the creator of the room (the owner of the room) is on the chat.

If the creator of the room leaves the chat, the room is deleted in real time and all users are kicked from the chat.

A temporary room can be password protected. The owner of the room, can invite other members to join his room (direct access without having to provide the password)

The admin role can however get the rights to access any room, even password protected : there are full of new ideas with these exciting new feature. You must define in roles, what user has rights to create these dynamic rooms.

dynamic room

Filter countries in chat html5

How to filter countries ?

flags
flags

We just added the filter country in chatadmin  (undes the security panel)panel so users can disable some countries.

 

If you wish for instance disable trafic from Russia and China, enter

ru, cn

Use the 2 letters international code for countries

 

 

COUNTRY A2 (ISO) A3 (UN) NUM (UN) DIALING CODE
Afghanistan AF AFG 4 93
Albania AL ALB 8 355
Algeria DZ DZA 12 213
American Samoa AS ASM 16 1-684
Andorra AD AND 20 376
Angola AO AGO 24 244
Anguilla AI AIA 660 1-264
Antarctica AQ ATA 10 672
Antigua and Barbuda AG ATG 28 1-268
Argentina AR ARG 32 54
Armenia AM ARM 51 374
Aruba AW ABW 533 297
Australia AU AUS 36 61
Austria AT AUT 40 43
Azerbaijan AZ AZE 31 994
Bahamas BS BHS 44 1-242
Bahrain BH BHR 48 973
Bangladesh BD BGD 50 880
Barbados BB BRB 52 1-246
Belarus BY BLR 112 375
Belgium BE BEL 56 32
Belize BZ BLZ 84 501
Benin BJ BEN 204 229
Bermuda BM BMU 60 1-441
Bhutan BT BTN 64 975
Bolivia BO BOL 68 591
Bonaire BQ BES 535 599
Bosnia and Herzegovina BA BIH 70 387
Botswana BW BWA 72 267
Bouvet Island BV BVT 74 47
Brazil BR BRA 76 55
British Indian Ocean Territory IO IOT 86 246
Brunei Darussalam BN BRN 96 673
Bulgaria BG BGR 100 359
Burkina Faso BF BFA 854 226
Burundi BI BDI 108 257
Cambodia KH KHM 116 855
Cameroon CM CMR 120 237
Canada CA CAN 124 1
Cape Verde CV CPV 132 238
Cayman Islands KY CYM 136 1-345
Central African Republic CF CAF 140 236
Chad TD TCD 148 235
Chile CL CHL 152 56
China CN CHN 156 86
Christmas Island CX CXR 162 61
Cocos (Keeling) Islands CC CCK 166 61
Colombia CO COL 170 57
Comoros KM COM 174 269
Congo CG COG 178 242
Democratic Republic of the Congo CD COD 180 243
Cook Islands CK COK 184 682
Costa Rica CR CRI 188 506
Croatia HR HRV 191 385
Cuba CU CUB 192 53
Curacao CW CUW 531 599
Cyprus CY CYP 196 357
Czech Republic CZ CZE 203 420
Cote d’Ivoire CI CIV 384 225
Denmark DK DNK 208 45
Djibouti DJ DJI 262 253
Dominica DM DMA 212 1-767
Dominican Republic DO DOM 214 1-809,1-829,1-849
Ecuador EC ECU 218 593
Egypt EG EGY 818 20
El Salvador SV SLV 222 503
Equatorial Guinea GQ GNQ 226 240
Eritrea ER ERI 232 291
Estonia EE EST 233 372
Ethiopia ET ETH 231 251
Falkland Islands (Malvinas) FK FLK 238 500
Faroe Islands FO FRO 234 298
Fiji FJ FJI 242 679
Finland FI FIN 246 358
France FR FRA 250 33
French Guiana GF GUF 254 594
French Polynesia PF PYF 258 689
French Southern Territories TF ATF 260 262
Gabon GA GAB 266 241
Gambia GM GMB 270 220
Georgia GE GEO 268 995
Germany DE DEU 276 49
Ghana GH GHA 288 233
Gibraltar GI GIB 292 350
Greece GR GRC 300 30
Greenland GL GRL 304 299
Grenada GD GRD 308 1-473
Guadeloupe GP GLP 312 590
Guam GU GUM 316 1-671
Guatemala GT GTM 320 502
Guernsey GG GGY 831 44
Guinea GN GIN 324 224
Guinea-Bissau GW GNB 624 245
Guyana GY GUY 328 592
Haiti HT HTI 332 509
Heard Island and McDonald Mcdonald Islands HM HMD 334 672
Holy See (Vatican City State) VA VAT 336 379
Honduras HN HND 340 504
Hong Kong HK HKG 344 852
Hungary HU HUN 348 36
Iceland IS ISL 352 354
India IN IND 356 91
Indonesia ID IDN 360 62
Iran, Islamic Republic of IR IRN 364 98
Iraq IQ IRQ 368 964
Ireland IE IRL 372 353
Isle of Man IM IMN 833 44
Israel IL ISR 376 972
Italy IT ITA 380 39
Jamaica JM JAM 388 1-876
Japan JP JPN 392 81
Jersey JE JEY 832 44
Jordan JO JOR 400 962
Kazakhstan KZ KAZ 398 7
Kenya KE KEN 404 254
Kiribati KI KIR 296 686
Korea, Democratic People’s Republic of KP PRK 408 850
Korea, Republic of KR KOR 410 82
Kuwait KW KWT 414 965
Kyrgyzstan KG KGZ 417 996
Lao People’s Democratic Republic LA LAO 418 856
Latvia LV LVA 428 371
Lebanon LB LBN 422 961
Lesotho LS LSO 426 266
Liberia LR LBR 430 231
Libya LY LBY 434 218
Liechtenstein LI LIE 438 423
Lithuania LT LTU 440 370
Luxembourg LU LUX 442 352
Macao MO MAC 446 853
Macedonia, the Former Yugoslav Republic of MK MKD 807 389
Madagascar MG MDG 450 261
Malawi MW MWI 454 265
Malaysia MY MYS 458 60
Maldives MV MDV 462 960
Mali ML MLI 466 223
Malta MT MLT 470 356
Marshall Islands MH MHL 584 692
Martinique MQ MTQ 474 596
Mauritania MR MRT 478 222
Mauritius MU MUS 480 230
Mayotte YT MYT 175 262
Mexico MX MEX 484 52
Micronesia, Federated States of FM FSM 583 691
Moldova, Republic of MD MDA 498 373
Monaco MC MCO 492 377
Mongolia MN MNG 496 976
Montenegro ME MNE 499 382
Montserrat MS MSR 500 1-664
Morocco MA MAR 504 212
Mozambique MZ MOZ 508 258
Myanmar MM MMR 104 95
Namibia NA NAM 516 264
Nauru NR NRU 520 674
Nepal NP NPL 524 977
Netherlands NL NLD 528 31
New Caledonia NC NCL 540 687
New Zealand NZ NZL 554 64
Nicaragua NI NIC 558 505
Niger NE NER 562 227
Nigeria NG NGA 566 234
Niue NU NIU 570 683
Norfolk Island NF NFK 574 672
Northern Mariana Islands MP MNP 580 1-670
Norway NO NOR 578 47
Oman OM OMN 512 968
Pakistan PK PAK 586 92
Palau PW PLW 585 680
Palestine, State of PS PSE 275 970
Panama PA PAN 591 507
Papua New Guinea PG PNG 598 675
Paraguay PY PRY 600 595
Peru PE PER 604 51
Philippines PH PHL 608 63
Pitcairn PN PCN 612 870
Poland PL POL 616 48
Portugal PT PRT 620 351
Puerto Rico PR PRI 630 1
Qatar QA QAT 634 974
Romania RO ROU 642 40
Russian Federation RU RUS 643 7
Rwanda RW RWA 646 250
Reunion RE REU 638 262
Saint Barthelemy BL BLM 652 590
Saint Helena SH SHN 654 290
Saint Kitts and Nevis KN KNA 659 1-869
Saint Lucia LC LCA 662 1-758
Saint Martin (French part) MF MAF 663 590
Saint Pierre and Miquelon PM SPM 666 508
Saint Vincent and the Grenadines VC VCT 670 1-784
Samoa WS WSM 882 685
San Marino SM SMR 674 378
Sao Tome and Principe ST STP 678 239
Saudi Arabia SA SAU 682 966
Senegal SN SEN 686 221
Serbia RS SRB 688 381
Seychelles SC SYC 690 248
Sierra Leone SL SLE 694 232
Singapore SG SGP 702 65
Sint Maarten (Dutch part) SX SXM 534 1-721
Slovakia SK SVK 703 421
Slovenia SI SVN 705 386
Solomon Islands SB SLB 90 677
Somalia SO SOM 706 252
South Africa ZA ZAF 710 27
South Georgia and the South Sandwich Islands GS SGS 239 500
South Sudan SS SSD 728 211
Spain ES ESP 724 34
Sri Lanka LK LKA 144 94
Sudan SD SDN 729 249
Suriname SR SUR 740 597
Svalbard and Jan Mayen SJ SJM 744 47
Swaziland SZ SWZ 748 268
Sweden SE SWE 752 46
Switzerland CH CHE 756 41
Syrian Arab Republic SY SYR 760 963
Taiwan, Province of China TW TWN 158 886
Tajikistan TJ TJK 762 992
United Republic of Tanzania TZ TZA 834 255
Thailand TH THA 764 66
Timor-Leste TL TLS 626 670
Togo TG TGO 768 228
Tokelau TK TKL 772 690
Tonga TO TON 776 676
Trinidad and Tobago TT TTO 780 1-868
Tunisia TN TUN 788 216
Turkey TR TUR 792 90
Turkmenistan TM TKM 795 993
Turks and Caicos Islands TC TCA 796 1-649
Tuvalu TV TUV 798 688
Uganda UG UGA 800 256
Ukraine UA UKR 804 380
United Arab Emirates AE ARE 784 971
United Kingdom GB GBR 826 44
United States US USA 840 1
United States Minor Outlying Islands UM UMI 581 1
Uruguay UY URY 858 598
Uzbekistan UZ UZB 860 998
Vanuatu VU VUT 548 678
Venezuela VE VEN 862 58
Viet Nam VN VNM 704 84
British Virgin Islands VG VGB 92 1-284
US Virgin Islands VI VIR 850 1-340
Wallis and Futuna WF WLF 876 681
Western Sahara EH ESH 732 212
Yemen YE YEM 887 967
Zambia ZM ZMB 894 260
Zimbabwe ZW ZWE 716 263
turn

HTML5 chat goes now TURN for better compatibility

HTML5 now embeds a TURN server

We just added TURN server to out webrtc version.

The goal is to make the traversal of NAT easier for systems behind firewalls and routers (allow port 3478)

The other interesting feature is to make the chat more compatible on IOS and Safari: Safari rules for webrtc are:

“You cannot play webrtc if you don’t publish yourself”

which is very blocking for conferences sessions or just to watch videos without having to allow access to its own webcam.

Thanks to Turn server, we can now bypass that Safari and IOS rule.

 

profile

How to add link to profile ?

profileYou can easily add a link to your user profile (when you have that feature in your existing website)  in html5chat by adding the profile parameter into the JWT connection.

For that you need to define the url link that leads to your profile and pass that into the profile parameter

ex: ‘profile’=>’https://www.mysite.com/user/myUsername’

Step 1: you create an array of your user such as:

$json = json_encode(array('username'=>'myUsername', 'profile'=>'http://www.mysite.com/user/myUsername',  'password'=>'myPassword', 'gender'=>'male', 'role'=>'user', 'avatar'=>'https://html5-chat.com/img/malecostume.svg'));

Step 2 : you encode it using the html5 JWT online service

$encoded = file_get_contents("https://html5-chat.com/protect/".base64_encode($json));

Step 3 : you inject that encoded string into your JS script

<script src="https://html5-chat.com/script/xxxxx/<?=$encoded?>"></script>

where xxxxx is your webmasterid parameter.

And that’s ALL !

 

 

roles-users

New feature: ROLES

HTML5 chat and roles

We recently added roles features so users can define with precision what features and options will be available to each user.

This features gives more flexibility to user rights. For now he have 5 roles:

guest

This should be used as visitor only with no rights at all. Just to discover the chat

user

Normal user with limited rights

dj

Same as user: should be able to lunch some youtube videos or do a broadcast to other users

moderator

Should have all rights, except permanant ban rights

admin

Have All possible rights

custom1, custom2, custom3

These are custom roles that you can use as you want

 

Each role has his own chat rights and features

You are of course free to assign right to each role and assign a role to an user:

Role Role
Can kick
 yes/no
Can ban
  yes/no
Is user visible ?
  yes/no
Can Broadcast
  yes/no
Can Stream
  yes/no
Can watch
  yes/no
Can Send Text
  yes/no
Can send private text
  yes/no
Can post youtube
  yes/no
Can open any webcam
  yes/no
Can whisper
  yes/no
Can quick message
  yes/no
Can ask for private chat
  yes/no