The avatar for @bherbertlc
Brian Herbert
Public
Edited
Feb 24, 2023
Insert cell
Insert cell
Insert cell
Insert cell
viewof langFilters = view`
<div>${["langName", Inputs.search((await YVApis.getLanguages())["default_versions"], {placeholder: "Search Languages", query: "English", label: "Language"
})]}</div>
<div>${["langOpts", Inputs.checkbox(["RtL", "hasAudio"], {label: "Version Options"})]}</div>
`
Insert cell
Insert cell
lang.language_tag
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
bibleRows
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
(await YVApis.getVerseOrChap("ROM.1.16", 1))["content"]
Insert cell
Insert cell
async function showAllBibleAudios(versionId, usfmChapRef, verse = -1){
var htmlStr = "";
console.log("getting bible audios " + versionId.toString() + " " + usfmChapRef);
var audios = (await YVApis.getBibleAudio(versionId, usfmChapRef));
for (let i = 0; i < audios.length; i++) {
var timings = audios[i]["timing"];
htmlStr +=
audios[i]["title"] + ((timings == null) ? "" : " <br>(timed)") +
'<br><audio controls><source src="https:' +
audios[i]["download_urls"]["format_mp3_32k"] + '#t=${timestamp}' +
' id="audioplayer${i}" type="audio/mpeg"> </audio><br>'
}
return html
`
${htmlStr}
`
}
Insert cell
Insert cell
windowH = window.outerHeight
Insert cell
windowW = window.innerWidth
Insert cell
isLandscape = window.outerWidth > window.outerHeight
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
defaultUSFM = "JHN.1"
Insert cell
Insert cell
Insert cell
Insert cell
selectedColor = "orange"
Insert cell
Insert cell
Insert cell
Insert cell
#### Deprecated
Insert cell
//viewof book = Inputs.table(bookSearch, {label: "Books", columns: ["human", "usfm", "canon"], multiple: false})
Insert cell
//bookSearch
Insert cell

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.
Learn more