On Monday, July 13, 2020 at 12:34:19 AM UTC-7, TiddlyTweeter wrote: > > If I can get a nice example that starts a recording and scrolling set-up > to start simultaneously I'll post it. I haven't quite figured out how to do > that yet. > Just FYI the Martin Luther King "I have a dream > <https://www.huffpost.com/entry/i-have-a-dream-speech-text_n_809993>" > speech I was playing with for text using TW Sountcite > <https://fkohrt.gitlab.io/tw5-soundcite/#%24%3A%2Fplugins%2Ffk%2Fsoundcite> > plugin for playing this on-line .mp3 > <https://ia800207.us.archive.org/29/items/MLKDream/MLKDream_64kb.mp3>. >
If you take a look at: http://tiddlytools.com/autoscroll.html#TiddlyTools%2FAutoScroll%2FToolbar You will find this macro definition: \define start() <$action-setfield $tiddler="$:/temp/autoscroll/stylesheet" tags= "$:/tags/Stylesheet" pause="false" text=""" [data-tiddler-title="$(currentTiddler)$"] .scrollFrame { $(framestyles)$;height:50vh;overflow:hidden; } [data-tiddler-title="$(currentTiddler)$"] .scrollContent { transform:translateY(-100%); transition:transform $(scrolltime)$s linear; } """/> \end As you can see in the above code, this is a $button action, that depend on two variables: $(currentTiddler)$ and $(scrolltime)$. Assuming you have a button to start the mp3, you could add the following to the $button contents: <$tiddler tiddler="..."><$vars scrolltime="..."> <$importvariables "TiddlyTools/AutoScroll/Toolbar"> <<start>> </$importvariables> </$vars></$tiddler> where: * the tiddler value is the title of a tiddler, tagged with "autoscroll", containing the text you want to scroll. * the scrolltime value is specified in seconds -e > > Tx! And best wishes > TT > > On Sunday, 12 July 2020 23:47:38 UTC+2, Eric Shulman wrote: >> >> On Sunday, July 12, 2020 at 11:10:34 AM UTC-7, Adithya B M wrote: >>> >>> Thanks for all the work. Superb stuff! >>> >> >> Thanks. >> >> >>> Some feedback: >>> 1) In the latest version, the width of the content in autoscroll >>> tiddlers is reduced in my TW (is it because of the new >>> "scrollContent"/"scrollframe" container?). I see its not the case in your >>> demo TW. I wonder why... >>> 2) Also, could we do without adding a white background to the autoscroll >>> tiddlers? I have a black themed TW, so i generally remove it manually. >>> >> >> Both of the above issues are most likely related to the "scrollframe" >> styles. >> To address your customization needs for your black theme, I've refactored >> the style handling. >> There is now one more tiddler in the package: >> TiddlyTools/AutoScroll/FrameStyles >> which contains just the CSS declarations used for the scrollframe. The >> default contents of this tiddler is: >> border:1px solid; padding:1em; background:#ffe; >> which gives a nice light yellow-ish colored background. >> >> If you edit this tiddler, you can change the styles to suit your >> preferences. >> >> You can also just delete that tiddler entirely, and the AutoScroll display >> will have no border or padding or background color, allowing your >> tiddler text/background colors to show up as you want. >> >> Note: I also removed the "gray background when paused" style, since its >> visually obvious when the scrolling is paused (i.e., things stop moving!) >> >> All of this is now fully documented in the posted file, here: >> http://TiddlyTools.com/autoscroll.html >> >> enjoy, >> -e >> >> >> >> >> >>> Adithya >>> >>> On Sunday, July 12, 2020 at 10:12:17 PM UTC+5:30, Eric Shulman wrote: >>>> >>>> Another update: >>>> >>>> * added handling for ENTER, SPACE, and ESCAPE to start, pause/resume, >>>> and stop auto-scrolling >>>> * added documentation >>>> >>>> -e >>>> >>> -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/ed6c4f2a-a33c-42ce-a560-ff618e99fcf4o%40googlegroups.com.
