Tidy's Chat Overlay - Compatible with DLive v0.7.0 by tidylive

View this thread on: hive.blog | peakd.com | ecency.com

dlive · @tidylive · May 7 '18 (edited)

$47.55

Tidy's Chat Overlay - Compatible with DLive v0.7.0

<center><a href="https://tidyxgamer.tv/dlive/chatv3/">![](https://steemitimages.com/DQmcP2xDEHmXDsCQuWgtSqDJmsEQUEr2RMEmJQr48U9zLR9/image.png)</a></center>

With the brand new AMAZING update from @dlive which rolled out yesterday.  The new chat is no longer on the blockchain, which means all of our existing chat overlays no longer work.

I have put together an online tool that will allow you to add the new chat your streams - even with a cool new message animation!
![](https://steemitimages.com/DQmexfE2Y5d9GiSNeujuobJRFLEaiYQD3b6GNNbjox97myr/image.png)

<center>![HeaderGif.gif](https://steemitimages.com/DQmY87YAAvpNhqqsCKGmjisdvHGvLCd2ooCbrjJngFwxokr/HeaderGif.gif)</center>
To make things really easy, I have created a web page which will guide you through the process, and generate the code you can use.
![](https://steemitimages.com/DQmexfE2Y5d9GiSNeujuobJRFLEaiYQD3b6GNNbjox97myr/image.png)
1] Head on over to:  https://tidyxgamer.tv/dlive/chatv3/

2] Enter your username, and choose some basic colour choices (so it matches your stream/brand)

<center>![](https://steemitimages.com/DQmc87wPfA3hJQe3EhoKjJqKHkcMdG9SHCQpjFPQC8neeLv/image.png)</center>

3] Click "Generate my Code"

A new page will open with the URL you need to enter into OBS - also some Custom CSS which needs to be added.

4] In OBS add a new browser source


<center>![](https://steemitimages.com/DQmRXM7JmJaaLNgysjJz53vETsjrqF5M8zFoNyXsGDneawT/image.png)</center>

<center>![](https://steemitimages.com/DQmbb5TUQ8Zw7ViFcWYzsnehiLEDNQANDTNUHJZmFfmcqsH/image.png)</center>

5] Enter the information shown on the page:

<center>![](https://steemitimages.com/DQmcNumxG7KUVQ2iUFxR5WuwsMMnHoT2tHZnH7nrbxGc3a4/image.png)</center>

![](https://steemitimages.com/DQmexfE2Y5d9GiSNeujuobJRFLEaiYQD3b6GNNbjox97myr/image.png)

URL (this will be unique to you, and only requires a username):  

![](https://steemitimages.com/DQmaqaTPYv2y17Jd2VfUZiipZLZAVpyxzHx3c9UfRLi8sLM/image.png)

Width / Height : Something that will fit your template

FPS: 30 or 60  (60 makes the animation smoother, but does use more CPU)

Custom CSS - copy and paste everything in the grey box on the website.

![](https://steemitimages.com/DQmSLrRs52q1qXGwTJM2hyfWcSMrrLdmi5LR3j1x16buR9B/image.png)

Now just Press "OK" on the browser options!

![](https://steemitimages.com/DQmXo7gT3QMiYAck17bPY6XfEHdgKrxV3RqRx9UyBeD4zxV/image.png)

Easy!

Each time you go live, just double click on the browser source and press "OK" to refresh it - this will load the current stream chat :)

![](https://steemitimages.com/DQmexfE2Y5d9GiSNeujuobJRFLEaiYQD3b6GNNbjox97myr/image.png)

More Features Planned

- More Colour Options
- Font Options
- Different Animations
- Fading out of past messages

![](https://steemitimages.com/DQmexfE2Y5d9GiSNeujuobJRFLEaiYQD3b6GNNbjox97myr/image.png)

If you have any suggestions, bugs, or require further help - you can talk to me in the DLive Community Discord, or message me directly:  Tidy#0001

👍 acidyo, dlive, ausbitbank, biasnarrative, redjepi, mehdibca, opaulo, travelgirl, danielwong, studgriffin, iabuse, tidos, tidylive, cheech-oz, yukimaru, canburaksimsek, overunitydotcom, shankstaicho, emrecubukcu, steem3, fractalgaming, ladyrednails, maik-racuch, ericwilson, g0nr0gue, leofahmi, combofrenzy, liseliifsa18, rahmadi91, sirteamsteemit, rinpoche, gray00, kadabra, abdilridha94, rook81, agusctr, lintenhinks, curtaintwitcher, jibril14, uykusuz, losi, leir, lizgg, dexterflux, shawnsporter, omerbayrak, littledrummerboy, kanrat, jasminim, anomaly, papyboys, patchnotes, stonefeather, swzy, shadow-fox, mikeyurnero, showoverview, letsplaywhatelse, putrakhan

`author`	tidylive
`permlink`	tidy-s-chat-overlay-for-version-compatible-with-dlive-v0-7-0
`category`	dlive
`json_metadata`	{"tags":["dlive","chat","obs","overlay","tidylive"],"users":["dlive"],"image":["https://steemitimages.com/DQmcP2xDEHmXDsCQuWgtSqDJmsEQUEr2RMEmJQr48U9zLR9/image.png","https://steemitimages.com/DQmexfE2Y5d9GiSNeujuobJRFLEaiYQD3b6GNNbjox97myr/image.png","https://steemitimages.com/DQmY87YAAvpNhqqsCKGmjisdvHGvLCd2ooCbrjJngFwxokr/HeaderGif.gif","https://steemitimages.com/DQmc87wPfA3hJQe3EhoKjJqKHkcMdG9SHCQpjFPQC8neeLv/image.png","https://steemitimages.com/DQmRXM7JmJaaLNgysjJz53vETsjrqF5M8zFoNyXsGDneawT/image.png","https://steemitimages.com/DQmbb5TUQ8Zw7ViFcWYzsnehiLEDNQANDTNUHJZmFfmcqsH/image.png","https://steemitimages.com/DQmcNumxG7KUVQ2iUFxR5WuwsMMnHoT2tHZnH7nrbxGc3a4/image.png","https://steemitimages.com/DQmaqaTPYv2y17Jd2VfUZiipZLZAVpyxzHx3c9UfRLi8sLM/image.png","https://steemitimages.com/DQmSLrRs52q1qXGwTJM2hyfWcSMrrLdmi5LR3j1x16buR9B/image.png","https://steemitimages.com/DQmXo7gT3QMiYAck17bPY6XfEHdgKrxV3RqRx9UyBeD4zxV/image.png"],"links":["https://tidyxgamer.tv/dlive/chatv3/"],"app":"steemit/0.1","format":"markdown"}
`created`	2018-05-07 00:21:24
`last_update`	2018-05-07 00:47:09
`depth`	0
`children`	12
`last_payout`	2018-05-14 00:21:24
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	36.379 HBD
`curator_payout_value`	11.171 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	2,963
`author_reputation`	37,933,451,259,436
`root_title`	"Tidy's Chat Overlay - Compatible with DLive v0.7.0"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	54,283,488
`net_rshares`	10,362,203,836,231
`author_curate_reward`	""

properties (23)vote details (59)

voter	rshares	pct
acidyo	4,910,061,781,814	30%
ausbitbank	1,190,522,284,468	25%
anomaly	231,220,179	1%
ericwilson	4,638,904,582	25%
mehdibca	54,767,892,664	100%
cheech-oz	13,062,004,104	100%
putrakhan	0	100%
yukimaru	10,918,518,753	40%
travelgirl	26,747,910,809	20%
ladyrednails	6,635,684,236	100%
g0nr0gue	3,321,912,140	100%
combofrenzy	2,855,720,456	100%
leir	666,339,009	20%
gray00	1,890,925,745	100%
rinpoche	2,527,351,973	100%
overunitydotcom	10,123,362,721	100%
biasnarrative	70,440,867,986	100%
opaulo	37,760,356,810	9%
dlive	3,795,647,843,590	5%
rahmadi91	2,612,282,463	100%
danielwong	19,953,035,608	100%
uykusuz	844,810,018	100%
redjepi	62,762,932,671	100%
studgriffin	19,787,149,314	100%
maik-racuch	5,064,293,771	100%
shankstaicho	8,255,340,629	100%
curtaintwitcher	1,249,439,232	100%
jibril14	979,337,556	42%
canburaksimsek	10,887,329,652	100%
leofahmi	3,015,206,467	100%
agusctr	1,474,462,713	100%
rook81	1,593,958,103	100%
steem3	6,753,944,697	100%
emrecubukcu	7,107,767,118	100%
losi	791,836,105	100%
letsplaywhatelse	0	100%
kadabra	1,710,063,861	100%
jasminim	370,297,078	100%
iabuse	17,581,402,521	100%
showoverview	0	100%
kanrat	375,796,212	100%
tidylive	13,859,429,048	100%
liseliifsa18	2,675,607,430	100%
patchnotes	151,225,773	100%
fractalgaming	6,749,439,270	100%
tidos	14,343,976,277	100%
abdilridha94	1,705,084,463	100%
littledrummerboy	406,779,071	100%
papyboys	225,990,102	100%
omerbayrak	429,516,458	80%
mikeyurnero	0	100%
sirteamsteemit	2,568,098,795	100%
shawnsporter	582,352,395	100%
lintenhinks	1,286,516,193	100%
shadow-fox	0	100%
lizgg	629,808,745	100%
swzy	0	100%
dexterflux	598,444,383	100%
stonefeather	0	100%

@curtaintwitcher · May 7 '18

$0.26

It looks so cool! I'll try it on my next stream! :) 
Thanks for sharing tidylive!

👍 lifeaef, tidylive

`author`	curtaintwitcher
`permlink`	re-tidylive-tidy-s-chat-overlay-for-version-compatible-with-dlive-v0-7-0-20180507t003111851z
`category`	dlive
`json_metadata`	{"tags":["dlive"],"app":"steemit/0.1"}
`created`	2018-05-07 00:31:12
`last_update`	2018-05-07 00:31:12
`depth`	1
`children`	1
`last_payout`	2018-05-14 00:31:12
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.201 HBD
`curator_payout_value`	0.062 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	81
`author_reputation`	16,171,832,867,536
`root_title`	"Tidy's Chat Overlay - Compatible with DLive v0.7.0"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	54,284,516
`net_rshares`	57,773,208,061
`author_curate_reward`	""

properties (23)vote details (2)

voter	weight	wgt%	rshares	pct	time
lifeaef	0 B		43,773,784,780	100%
tidylive	0 B		13,999,423,281	100%

@tidylive · May 7 '18

More thank welcome.  I love helping out the community.  I used it today on my own stream, and it looked really nice.  If you have any problems or questions, you know where I am :)

👍 curtaintwitcher

`author`	tidylive
`permlink`	re-curtaintwitcher-re-tidylive-tidy-s-chat-overlay-for-version-compatible-with-dlive-v0-7-0-20180507t003216153z
`category`	dlive
`json_metadata`	{"tags":["dlive"],"app":"steemit/0.1"}
`created`	2018-05-07 00:32:15
`last_update`	2018-05-07 00:32:15
`depth`	2
`children`	0
`last_payout`	2018-05-14 00:32:15
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	179
`author_reputation`	37,933,451,259,436
`root_title`	"Tidy's Chat Overlay - Compatible with DLive v0.7.0"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	54,284,616
`net_rshares`	1,224,615,936
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
curtaintwitcher	0 B		1,224,615,936	100%

@gray00 · May 7 '18

Incredible job with this. The new chat is excellent!

properties (22)

`author`	gray00
`permlink`	re-tidylive-tidy-s-chat-overlay-for-version-compatible-with-dlive-v0-7-0-20180507t012131131z
`category`	dlive
`json_metadata`	{"tags":["dlive"],"app":"steemit/0.1"}
`created`	2018-05-07 01:21:30
`last_update`	2018-05-07 01:21:30
`depth`	1
`children`	1
`last_payout`	2018-05-14 01:21:30
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	52
`author_reputation`	4,565,928,791,980
`root_title`	"Tidy's Chat Overlay - Compatible with DLive v0.7.0"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	54,290,073
`net_rshares`	0

@tidylive · May 7 '18

Awesome!  Let me know how you get on :)

properties (22)

`author`	tidylive
`permlink`	re-gray00-re-tidylive-tidy-s-chat-overlay-for-version-compatible-with-dlive-v0-7-0-20180507t022307227z
`category`	dlive
`json_metadata`	{"tags":["dlive"],"community":"busy","app":"busy/2.4.0"}
`created`	2018-05-07 02:23:06
`last_update`	2018-05-07 02:23:06
`depth`	2
`children`	0
`last_payout`	2018-05-14 02:23:06
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	39
`author_reputation`	37,933,451,259,436
`root_title`	"Tidy's Chat Overlay - Compatible with DLive v0.7.0"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	54,296,633
`net_rshares`	0

@lintenhinks · May 8 '18

Wow awesome thank you very much dude

properties (22)

`author`	lintenhinks
`permlink`	re-tidylive-tidy-s-chat-overlay-for-version-compatible-with-dlive-v0-7-0-20180508t064908853z
`category`	dlive
`json_metadata`	{"tags":["dlive"],"app":"steemit/0.1"}
`created`	2018-05-08 06:49:06
`last_update`	2018-05-08 06:49:06
`depth`	1
`children`	0
`last_payout`	2018-05-15 06:49:06
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	36
`author_reputation`	7,872,007,919,467
`root_title`	"Tidy's Chat Overlay - Compatible with DLive v0.7.0"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	54,515,850
`net_rshares`	0

@liseliifsa18 · May 7 '18

your awesome man!

properties (22)

`author`	liseliifsa18
`permlink`	re-tidylive-tidy-s-chat-overlay-for-version-compatible-with-dlive-v0-7-0-20180507t104141982z
`category`	dlive
`json_metadata`	{"tags":["dlive"],"app":"steemit/0.1"}
`created`	2018-05-07 10:41:39
`last_update`	2018-05-07 10:41:39
`depth`	1
`children`	0
`last_payout`	2018-05-14 10:41:39
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	17
`author_reputation`	8,238,090,548,523
`root_title`	"Tidy's Chat Overlay - Compatible with DLive v0.7.0"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	54,356,523
`net_rshares`	0

@overunitydotcom · May 7 '18

$0.04

Very well done @tidylive but one question I still have:
I just tried to generate the code and your page says:
Your chat URL (This is the browser source URL)
https://tidyxgamer.tv/dlive/chatv3/chat.asp?username=overunitydotcom

Does that mean that the chat runs via your server then ?
What about, if your server goes down or is heavily loaded ?
Can we also run this somehow via our own servers ?
Many thanks.
Regards, Stefan.

👍 overunitydotcom

`author`	overunitydotcom
`permlink`	re-tidylive-tidy-s-chat-overlay-for-version-compatible-with-dlive-v0-7-0-20180507t120423904z
`category`	dlive
`json_metadata`	{"tags":["dlive"],"users":["tidylive"],"links":["https://tidyxgamer.tv/dlive/chatv3/chat.asp?username=overunitydotcom"],"app":"steemit/0.1"}
`created`	2018-05-07 12:04:27
`last_update`	2018-05-07 12:04:27
`depth`	1
`children`	1
`last_payout`	2018-05-14 12:04:27
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.044 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	424
`author_reputation`	306,060,043,399
`root_title`	"Tidy's Chat Overlay - Compatible with DLive v0.7.0"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	54,368,198
`net_rshares`	9,905,655,996
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
overunitydotcom	0 B		9,905,655,996	100%

@tidylive · May 7 '18

Hey Stefan, thank you for comment.  

The tidyxgamer.tv URL automatically redirects to your "current" chatroom hosted by DLive.

You can test this by just loading the URL in your browser :)

If my site was to go down. You can manually change the URL in OBS to your stream popout chat URL (this would need to be done for each new live stream)

- Load your stream
- Click the "popout" link on the chat
- Copy and paste the URL into the OBS browser source

My link just automatically does this to save you some time :)

If you have any further questions, I am more than happy to help :)

👍 losi, overunitydotcom

`author`	tidylive
`permlink`	re-overunitydotcom-re-tidylive-tidy-s-chat-overlay-for-version-compatible-with-dlive-v0-7-0-20180507t121645686z
`category`	dlive
`json_metadata`	{"tags":["dlive"],"community":"busy","app":"busy/2.4.0"}
`created`	2018-05-07 12:16:45
`last_update`	2018-05-07 12:16:45
`depth`	2
`children`	0
`last_payout`	2018-05-14 12:16:45
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	583
`author_reputation`	37,933,451,259,436
`root_title`	"Tidy's Chat Overlay - Compatible with DLive v0.7.0"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	54,370,060
`net_rshares`	775,424,994
`author_curate_reward`	""

properties (23)vote details (2)

voter	weight	wgt%	rshares	pct	time
overunitydotcom	0 B		0	100%
losi	0 B		775,424,994	100%

@patchnotes · May 7 '18

Great and helpful info! Can't wait to try it my dude!! :D

properties (22)

`author`	patchnotes
`permlink`	re-tidylive-tidy-s-chat-overlay-for-version-compatible-with-dlive-v0-7-0-20180507t013845393z
`category`	dlive
`json_metadata`	{"tags":["dlive"],"app":"steemit/0.1"}
`created`	2018-05-07 01:38:48
`last_update`	2018-05-07 01:38:48
`depth`	1
`children`	1
`last_payout`	2018-05-14 01:38:48
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	57
`author_reputation`	12,855,197,202,859
`root_title`	"Tidy's Chat Overlay - Compatible with DLive v0.7.0"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	54,291,820
`net_rshares`	0

@tidylive · May 7 '18

Thanks dude, let me know if you have any problems, or have any suggestions :)

properties (22)

`author`	tidylive
`permlink`	re-patchnotes-re-tidylive-tidy-s-chat-overlay-for-version-compatible-with-dlive-v0-7-0-20180507t022332325z
`category`	dlive
`json_metadata`	{"tags":["dlive"],"community":"busy","app":"busy/2.4.0"}
`created`	2018-05-07 02:23:33
`last_update`	2018-05-07 02:23:33
`depth`	2
`children`	0
`last_payout`	2018-05-14 02:23:33
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	77
`author_reputation`	37,933,451,259,436
`root_title`	"Tidy's Chat Overlay - Compatible with DLive v0.7.0"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	54,296,687
`net_rshares`	0

@rook81 · May 7 '18

Awesome work Tidy, I used the last chat pop-out chat that you released and will definitely be using this one. Thanks for sharing!

properties (22)

`author`	rook81
`permlink`	re-tidylive-tidy-s-chat-overlay-for-version-compatible-with-dlive-v0-7-0-20180507t023223532z
`category`	dlive
`json_metadata`	{"tags":["dlive"],"app":"steemit/0.1"}
`created`	2018-05-07 02:32:21
`last_update`	2018-05-07 02:32:21
`depth`	1
`children`	1
`last_payout`	2018-05-14 02:32:21
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	129
`author_reputation`	8,960,764,567,310
`root_title`	"Tidy's Chat Overlay - Compatible with DLive v0.7.0"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	54,297,596
`net_rshares`	0

@tidylive · May 7 '18

Awesome dude!  This one is much nicer IMO.  More cool things to come!  Thank you for the constant support dude <3

properties (22)