Public
Edited
Mar 4
now
unixDays = now / 86400000
yd2d = (y, d) => y * 365 + Math.floor(y / 4) - Math.floor(y / 100) + Math.floor(y / 400) + d
unixEpoch = yd2d(1969, 306)
newYearDiff = yd2d(newYear, 0) - unixEpoch
nowYearDiff = yd2d(nowYear, 0) - unixEpoch
countdown = newYearDiff - unixDays
doty = Math.abs(nDays - countdown)
nowYearDate = `${nowYear}${unixDays < nowYearDiff ? "-" : "+"}${doty.toFixed(5).padStart(9, "0")}`
newYearDate = `${newYear}${unixDays < newYearDiff ? "-" : "+"}${Math.abs(countdown).toFixed(5).padStart(9, "0")}`
time = unixDays % 1
time.toFixed(5).slice(1)
(1 - time).toFixed(5).slice(1)
function dote2snap(dote) {
const cote = Math.floor((
dote >= 0 ? dote
: dote - 146096
) / 146097),
dotc = dote - cote * 146097,
yotc = Math.floor((dotc
- Math.floor(dotc / 1460)
+ Math.floor(dotc / 36524)
- Math.floor(dotc / 146096)
) / 365);
return [
yotc + cote * 400,
dotc - (yotc * 365
+ Math.floor(yotc / 4)
- Math.floor(yotc / 100)
)]}
`${yd[0]}+${yd[1].toFixed(5).padStart(9, "0")}`
nowYearDate
decYear = dote2snap(Date.now() / 864e5 + unixEpoch)[0]
yd = dote2snap(unixDays + unixEpoch)
playTime = "0.00000"
mutable state = md`the audio is not playing at the moment`
files = [
FileAttachment("Auld_Lang_Syne_-_Concert_Band_-_United_States_Air_Force_Heritage_of_America_Band.mp3")
]
viewof soundUrl = {
const selector = select({
title: 'choose the sound effect to be played',
options: _files.map(({ url, name }) => ({
value: url,
label: `file name: ${name}`
}))
});
return selector;
}
// https://observablehq.com/@rabelais/play-sound-on-demand
AudioInstance = () => {
let _a = new Audio();
_a.addEventListener(
'loadeddata',
() => (mutable state = md`the audio is loaded`)
);
_a.addEventListener(
'playing',
() => (mutable state = md`the audio is playing`)
);
_a.addEventListener(
'ended',
() => (mutable state = md`the audio has finished playing`)
);
_a.playAudio = _url => {
_a.setAttribute('src', _url);
_a.load();
_a.play();
};
return _a;
}
audio = AudioInstance()
_files = {
const fetchUrls = files.map(f =>
f.url().then(url => ({ url, name: f.name }))
);
const urls = await Promise.all(fetchUrls);
return urls;
}
playMusic = _url => {
audio.playAudio(_url);
}
import { select } from "@jashkenas/inputs"
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
