for transitions export videos with .webm extension
the way transition works is :
- alpha transition--> cover/hide the whole scene x - breakpoint - alpha transition--> uncover the scene y - if you want something smooth you can uncover the scene y with a basic opacity 100>0 animation
for background videos export to h265, it’s lightweight and hardware decoded
for loop background videos/music properties :
x loop x restart playback when source becomes active x use hardware decoding when available - show nothing when playback ends x close file when inactive
share the slides with editor rights, copy the url,
Url parameters for the different kind of google slides :
slideshows https://docs.google.com/presentation/d/-------/embed?start=true&loop=true&delayms=16000&slide=id.p1 statique https://docs.google.com/presentation/d/-------/embed?start=true&slide=id.p live updated https://docs.google.com/presentation/d/-------/edit#slide=id.p
delete green backgrounds effect parameters : (for slides background color always chose #00fe00ff)
clef chromatique statiques : keycolor type - custom key color - #00fe00ff similarity - 100 smoothness - 250 key color spill reduction - 1000 opacity - 100 contrast - 0 brightness - 0 gamaa - 0 clef chromatique bracket : keycolor type - custom key color - #00fe00ff similarity - 232 smoothness - 250 key color spill reduction - 1000 opacity - 100 contrast - 0 brightness - 0 gamaa - 0
Twitch scene replays clip (utilise un serveur twitch.guru):
obs browser propoerties : https://twitch.guru/clipsworks/YOURTWITCHNAME/&period=all&vol=0.7 - use custom frame arte - control audio via obs x shutdown source when not visible x refresh browser when scene becoms active
twitch chat intégration css (transparent) :
/* Twitch chat browsersource CSS for OBS Just set the URL as https://www.twitch.tv/%%TWITCHCHANNEL%%/chat?popout=true And paste this entire file into the CSS box Original by twitch.tv/starvingpoet modified by github.com/Bluscream General Settings */ body { color: #FFFFFF!important; margin: 0 auto!important; overflow: hidden!important; text-shadow: -1px -1px 1px #000000, -1px 1px 1px #000000, 1px -1px 1px #000000, 1px 1px 1px #000000!important; } html, body, .room-selector, .room-selector__header, .twilight-minimal-root, .tw-root--theme-light, .popout-chat-page, .chat-room, .tw-c-background-alt, .chat-container, .ember-chat-container { background: rgba(0,0,0,0)!important; background-color: rgba(0,0,0,0)!important; } /* Badge Removal To remove additional badge types - moderator, bits, etc - just make a copy of the one of the following badge selectors and replace the word inbetween the quotes with the hover text img.badge[alt="Broadcaster"], img.badge[alt="Moderator"], img.badge[alt="Subscriber"],*/ img.badge[alt="Twitch Prime"], img.badge[alt="Turbo"], img.badge[alt="Verified"] { display: none!important; } /** * Remove the header section */ .ember-chat .chat-room { top: 0!important; } .ember-chat .chat-header, .room-selector__header { display: none!important; } .ember-chat .chat-messages .chat-line.admin { display: none!important; } /** * Remove the footer section */ .ember-chat .chat-room, .chat-input { display: none!important; bottom: -112px!important; } /** * Font Size & Color */ .ember-chat .chat-messages .chat-line { font-size: 18px!important; line-height: 20px!important; } .chat-container, .ember-chat-container { color: #FFFFFF!important; } /** * Make the chat text white (optional) [thanks to @iggy12345] */ .chat-line__message { color: #FFFFFF; }