2b:null 2c:["$","title",null,{"children":"Eme-Sal—with voices in columns | John Cayley | Observable"}] 31:T403,// builds a score from the two alignedWords arrays of objects // alignedWords[0] = speaker 1; alignedWords[1] = speaker 2 theScore = { let arr = []; // 5 second pause before we begin each loop let pause = 5; let i = 0; // loop for however many speakers for (let s = 0; s < alignedWords.length; s++) { // make a pauseObj with unit ids and pauses (before they are displayed) alignedWords[s].forEach(wordObj => { let pauseObj = {}; pauseObj.id = wordObj.unit; pauseObj.pause = pause; // push the object into the array we are building arr.push(pauseObj); // calculate the next pause pause = wordObj.end - wordObj.start + wordObj.gap; }); } // we've got to sort this array by unit numbers // because the speakers interleave // this code is a little obscure and // TODO there is probably a more elegant way to handle this arr = arr.sort(function(a, b) { let x = a['id'].substr(1); let y = b['id'].substr(1); return x - y; }); return arr; }32:T526,buildSpans = speakerNum => { let spanString = ""; let prevWord = ""; // looping through the words of each speaker alignedWords[speakerNum].forEach(wordObj => { let word = wordObj['word']; // if a word ends in a hyphen, then no space let spaceIfNoHyphen = word.substr(-1) == "-" ? "" : " "; // if a word is punctuated by "|" add a lot of non-breaking space if (word.substr(-1) == "|") { word = word.substr(0, word.length - 1); spaceIfNoHyphen = " "; } // if a word is punctuated by "/" force a new line if (word.substr(-1) == "/") { word = word.substr(0, word.length - 1); spaceIfNoHyphen = "
"; } // if a word is punctuated by "+" add a bit of non-breaking space if (word.substr(-1) == "+") { word = word.substr(0, word.length - 1); spaceIfNoHyphen = " "; } if (wordObj.gap > 0.3) spaceIfNoHyphen = " "; // assemble the string that will be inserted in the performance_space cell spanString += `${word}${spaceIfNoHyphen}`; // in case we ever need to refer to the previous word prevWord = word; }); return spanString; }33:T2103,test_json = ({ segments: [ { speaker_id: "Speaker 1", speaker_name: "Speaker 1", wdlist: [ { start: 0.75, end: 0.8, word: "I " }, { start: 0.8, end: 0.85, word: "will " }, { start: 0.85, end: 1.05, word: "give " }, { start: 1.06, end: 1.19, word: "the " }, { start: 1.19, end: 1.67, word: "farmer/ " }, { start: 1.71, end: 1.8699999999999999, word: "my " }, { start: 1.8699999999999999, end: 2.37, word: "leftover+ " }, { start: 2.37, end: 2.84, word: "cream./ " }, { start: 2.84, end: 2.96, word: "milk.| " } ], start: 0.75, end: 2.96, tx_id: "1614521171024646872", media_id: "755ff2c3b4b1" }, { speaker_id: "Speaker 2", speaker_name: "Speaker 2", wdlist: [ { start: 3.6, end: 3.77, word: "You " }, { start: 3.77, end: 4.04, word: "won\u2019t " }, { start: 4.05, end: 4.37, word: "take " }, { start: 4.38, end: 4.5600000000000005, word: "the " }, { start: 4.5600000000000005, end: 5.01, word: "thief/ " }, { start: 5.03, end: 5.26, word: "your " }, { start: 5.26, end: 6.050000000000001, word: "conserved " }, { start: 6.15, end: 7.07, word: "lemons./ " }, { start: 7.1899999999999995, end: 7.879999999999999, word: "oranges.| " } ], start: 3.6, end: 7.879999999999999, tx_id: "1614532566952548574", media_id: "755ff2c3b4b1" }, { speaker_id: "Speaker 1", speaker_name: "Speaker 1", wdlist: [ { start: 8.729999999999999, end: 8.85, word: "Why " }, { start: 8.85, end: 8.909999999999998, word: "do " }, { start: 8.909999999999998, end: 9.059999999999999, word: "you " }, { start: 9.059999999999999, end: 9.399999999999999, word: "speak " }, { start: 9.45, end: 9.52, word: "about?/ " } ], start: 8.729999999999999, end: 9.52, tx_id: "1614446265540854912", media_id: "755ff2c3b4b1" }, { speaker_id: "Speaker 2", speaker_name: "Speaker 2", wdlist: [ { start: 10.340000000000002, end: 10.390000000000002, word: "Because " }, { start: 10.390000000000002, end: 10.440000000000001, word: "don\u2019t " }, { start: 10.440000000000001, end: 10.490000000000002, word: "I " }, { start: 10.490000000000002, end: 10.770000000000001, word: "listen " }, { start: 10.820000000000002, end: 11.060000000000002, word: "to?/ " } ], start: 10.340000000000002, end: 11.060000000000002, tx_id: "1614532603855766950", media_id: "755ff2c3b4b1" }, { speaker_id: "Speaker 1", speaker_name: "Speaker 1", wdlist: [ { start: 11.969999999999999, end: 12.1, word: "What " }, { start: 12.1, end: 12.25, word: "does " }, { start: 12.25, end: 12.379999999999999, word: "he " }, { start: 12.379999999999999, end: 12.62, word: "have " }, { start: 12.629999999999999, end: 12.919999999999998, word: "more " }, { start: 12.93, end: 13.069999999999999, word: "than " }, { start: 13.09, end: 13.139999999999999, word: "do?/ " } ], start: 11.969999999999999, end: 13.139999999999999, tx_id: "1614446307451924027", media_id: "755ff2c3b4b1" }, { speaker_id: "Speaker 2", speaker_name: "Speaker 2", wdlist: [ { start: 13.659999999999998, end: 13.909999999999998, word: "Couldn\u2019t " }, { start: 13.92, end: 14.16, word: "she " }, { start: 14.16, end: 14.639999999999999, word: "lack " }, { start: 14.739999999999998, end: 15.049999999999999, word: "less " }, { start: 15.09, end: 15.299999999999999, word: "than " }, { start: 15.299999999999999, end: 15.629999999999999, word: "yield?/ " } ], start: 13.659999999999998, end: 15.629999999999999, tx_id: "1614532610472542231", media_id: "755ff2c3b4b1" }, { speaker_id: "Speaker 1", speaker_name: "Speaker 1", wdlist: [ { start: 16.16, end: 16.37, word: "If " }, { start: 16.42, end: 16.87, word: "gives " }, { start: 16.87, end: 17.2, word: "black " }, { start: 17.2, end: 17.38, word: "flour,/ " } ], start: 16.16, end: 17.38, tx_id: "1614446388032022424", media_id: "755ff2c3b4b1" }, { speaker_id: "Speaker 2", speaker_name: "Speaker 2", wdlist: [ { start: 17.64, end: 17.69, word: "If " }, { start: 17.79, end: 18.150000000000002, word: "takes " }, { start: 18.150000000000002, end: 18.36, word: "red " }, { start: 18.41, end: 18.67, word: "dust,/ " } ], start: 17.64, end: 18.67, tx_id: "1614446420191393968", media_id: "755ff2c3b4b1" }, { speaker_id: "Speaker 1", speaker_name: "Speaker 1", wdlist: [{ start: 18.99, end: 19.279999999999998, word: "wool,+ " }], start: 18.99, end: 19.279999999999998, tx_id: "1614521225731032117", media_id: "755ff2c3b4b1" }, { speaker_id: "Speaker 2", speaker_name: "Speaker 2", wdlist: [{ start: 19.6, end: 19.800000000000004, word: "leaves,+ " }], start: 19.6, end: 19.800000000000004, tx_id: "1614521218373205005", media_id: "755ff2c3b4b1" }, { speaker_id: "Speaker 1", speaker_name: "Speaker 1", wdlist: [{ start: 20.0, end: 20.25, word: "white,+ " }], start: 20.0, end: 20.25, tx_id: "1614521398554262451", media_id: "755ff2c3b4b1" }, { speaker_id: "Speaker 2", speaker_name: "Speaker 2", wdlist: [{ start: 20.33, end: 20.439999999999998, word: "blue,+ " }], start: 20.33, end: 20.439999999999998, tx_id: "1614521404012753239", media_id: "755ff2c3b4b1" }, { speaker_id: "Speaker 1", speaker_name: "Speaker 1", wdlist: [{ start: 20.73, end: 21.080000000000002, word: "beer,+ " }], start: 20.73, end: 21.080000000000002, tx_id: "1614521552346260966", media_id: "755ff2c3b4b1" }, { speaker_id: "Speaker 2", speaker_name: "Speaker 2", wdlist: [ { start: 21.209999999999997, end: 21.439999999999998, word: "oil,+ " } ], start: 21.209999999999997, end: 21.439999999999998, tx_id: "1614521416441681905", media_id: "755ff2c3b4b1" }, { speaker_id: "Speaker 1", speaker_name: "Speaker 1", wdlist: [{ start: 21.55, end: 21.790000000000003, word: "sweet/ " }], start: 21.55, end: 21.790000000000003, tx_id: "1614446676207418908", media_id: "755ff2c3b4b1" }, { speaker_id: "Speaker 2", speaker_name: "Speaker 2", wdlist: [{ start: 21.99, end: 22.169999999999998, word: "bitter/ " }], start: 21.99, end: 22.169999999999998, tx_id: "1614446688939105462", media_id: "755ff2c3b4b1" }, { speaker_id: "Speaker 1", speaker_name: "Speaker 1", wdlist: [{ start: 22.23, end: 22.56, word: "bread,+ " }], start: 22.23, end: 22.56, tx_id: "1614521433847262123", media_id: "755ff2c3b4b1" }, { speaker_id: "Speaker 2", speaker_name: "Speaker 2", wdlist: [{ start: 22.73, end: 22.81, word: "rocks,+ " }], start: 22.73, end: 22.81, tx_id: "1614521439086692798", media_id: "755ff2c3b4b1" }, { speaker_id: "Speaker 1", speaker_name: "Speaker 1", wdlist: [ { start: 22.8, end: 22.849999999999998, word: "honey " }, { start: 22.849999999999998, end: 22.9, word: "cheese/ " } ], start: 22.8, end: 22.9, tx_id: "1614446740624768850", media_id: "755ff2c3b4b1" }, { speaker_id: "Speaker 2", speaker_name: "Speaker 2", wdlist: [ { start: 23.67, end: 23.720000000000002, word: "salt " }, { start: 23.720000000000002, end: 24.0, word: "jam/ " } ], start: 23.67, end: 24.0, tx_id: "1614446758786762724", media_id: "755ff2c3b4b1" } ] })34:T5a2,// and this function takes the reduct json, parser out the speakers' wordlists buildWordsArray = (json, numberOfSpeakers) => { // first add unique unit numbers to every word let unit = 0; for (let index = 0; index < json.segments.length; index++) { let speech = json.segments[index]; for (let i = 0; i < speech.wdlist.length; i++) { speech.wdlist[i].unit = "u" + unit++; // add gap if (i < speech.wdlist.length - 1) { speech.wdlist[i].gap = speech.wdlist[i + 1].start - speech.wdlist[i].end; } else { if (index < json.segments.length - 1) speech.wdlist[i].gap = json.segments[index + 1].wdlist[0].start - speech.wdlist[i].end; else speech.wdlist[i].gap = 3; } } } // were making an array with two arrays inside it, one for each speaker // TODO This is hard coded. Only works with two speakers currently let a = [[], []]; //Object.keys(json).forEach(segments => { json.segments.forEach(speech => { // we look at the last character or the speaker_id property // we subtract 1 from either "1" or "2" ... let speakerNum = speech.speaker_name.substr(-1); speakerNum = speakerNum == 1 ? 0 : 1; // to get the index we need for the correct array // concat(enating) the wdlist of each speech onto the correct array a[speakerNum] = a[speakerNum].concat(trimWords(speech.wdlist)); }); // }); return a; }35:T11e1,verseText = html`Eme-Sal I will give the farmer You won’t take the thief my leftover cream. your conserved lemons. milk. oranges Why do you speak about ? Because don’t I listen to ? What does he have more than do ? Couldn’t she lack less than yield ? If gives black flour, If takes red dust, wool, leaves white, blue beer, oil sweet bread, bitter rocks honey cheese salt jam ran to mother who bore her. stay from grave misguided son. lady, hound, opened door for, closed cavern against, she shone before, he tarnished after, light, dark, moon. joyously. volcano. bitterly. pressed neck close against hers, released scruff away from his. kissed. accused. breast wing field wilderness broad narrow pours out plants, grain. retains bones, worms. water flows from on high, servant: dust rises, master: pour it out for me, fill yourself. I will drink all. You take nothing. Make thick, dilute, bridegroom. executioner. Shepherd fresh. Wolf rotted. Tame cuckoo. Wild bull. shining quivering place which dim frozen nowhere of delights - decides fates, land, despair - hesitates volition, space, breath, drowning, singer: weave into song strangler: fray from chokehold tell, ear abstain, mute full, eager; empty, apathy; wet ground. dry winds. woman, station ox there. monster, move swallows there. Great, king, heart. Poor, prick, dick. At lap rising, grew grains. Around crown collapsing, mouldering, maggots. gardens sky flourished luxuriantly. disintegrated fundamentally. Sang, has sprouted, burgeoned Smothered, will shrivel, whither, is lettuce planted, with flies distended, apple tree bears fruit constellation drips stars up to its crown down heel, sweetens always, lord, gods tightens anyway, bitch, gods, impetuous culmination caresser navel, bludgeoner periphery, soft thighs. rough fruit. `36:[{"id":"1b831eb64f78f5c15eb9377c53da7e8806368efcd37adf592d7dd08d0dbb50ee42d3170f790f4eb96913f050eb54be8f491fd7f817ee9b9844e27c9df7e0bffe","href":"https://static.observableusercontent.com/files/1b831eb64f78f5c15eb9377c53da7e8806368efcd37adf592d7dd08d0dbb50ee42d3170f790f4eb96913f050eb54be8f491fd7f817ee9b9844e27c9df7e0bffe","name":"Eme-Sal_2.json","type":"application/json","lastModified":1617289976074.942,"size":30667}] 2f:{"id":"f97bd183a06c5846","slug":"eme-sal","title":"Eme-Sal—with voices in columns","thumbnail":"262286bc0ea026e0b8acedd7d81112baea3628a57e32e9da73c295c0c3c856b8","access_level":"public","create_time":"$D2021-04-01T15:12:56.074Z","update_time":"$D2021-04-27T14:22:16.941Z","view_time":null,"first_public_time":"$D2021-04-01T15:13:24.212Z","fork":{"id":"ebb74d4a8e66553f","slug":"eme-sal","title":"Eme-Sal","owner":{"id":"d72ded958c06556c","login":"florencewallis","name":"Florence Wallis"}},"stars":0,"starred":false,"owner":{"type":"team","id":"8cad4906c41da0ef","login":"shadoof","name":"John Cayley","avatar_url":"https://avatars-next.observableusercontent.com/d4a045c1060f722297a6047ffa90d6cd33806f54fcaa444ac3f1882c0fd4ee4f","tier":"pro_2024"},"version":124,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5c3cbd6193f712f7","login":"shadoof","name":"John Cayley","avatar_url":"https://avatars-next.observableusercontent.com/d4a045c1060f722297a6047ffa90d6cd33806f54fcaa444ac3f1882c0fd4ee4f","tier":null}],"members":[{"type":"individual","id":"5c3cbd6193f712f7","login":"shadoof","name":"John Cayley","avatar_url":"https://avatars-next.observableusercontent.com/d4a045c1060f722297a6047ffa90d6cd33806f54fcaa444ac3f1882c0fd4ee4f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Eme-Sal—with voices in columns","cells":[{"id":117,"value":"md`# Eme-Sal—with voices in columns`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":0,"value":"md`# Performance`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4,"value":"md `I would like to write a play to be ‘performed’ by the code - two characters, represented by spacial form (& by color?). The text draws from text that has been covered and uncovered - Sumerian texts - and this is reflected by its transitive nature. The performance is suggested by the timing, spacing, and aesthetic font choices. It is an embodied text.` \n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":11,"value":"md `currently trying out the speech to text timing, but possible that I'll want, instead, to make drama-driven decisions about timing. need to understand how space works. very interested in covering and uncovering. `","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":41,"value":"performance_space = html`

speaker 1 :
${speaker1spans}

speaker 2 :
${speaker2spans}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16,"value":"md `

what will happen?\n1. text will come and go\n1.a) that text will be from two different speakers \n1.b) those speakers will be differentiated\n2. time\n3. space\n4. drama

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":39,"value":"play = {\n for (let r = 0; r < 2; r++) {\n for (let i = 0; i < 2; i++) {\n for (let unit = 0; unit < theScore.length; unit++) {\n if (i == 0 && unit == trailingFades) {\n playScore(theScore);\n }\n await scorepause(theScore[unit].pause * factor, theScore[unit].id);\n // console.log(`index: ${i}`);\n }\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":38,"value":"trailingFades = 21 // number of words first displayed before they begin fading out","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":37,"value":"factor = 1 // can be used to control the speed of the reading visualization","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":36,"value":"// plays a single score unit by unit\nplayScore = async function(theScore) {\n for (let unit = 0; unit < theScore.length; unit++) {\n await scorepause(theScore[unit].pause * factor, theScore[unit].id);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":35,"value":"// pauses for the specified seconds before triggering a CSS visual behavior\nscorepause = async (pause, id) => {\n return await Promises.delay(pause * 1000).then(() => {\n let theElem = document.getElementById(`${id}`);\n theElem.classList.toggle('visible');\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":34,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":33,"value":"speaker1spans = buildSpans(0)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":32,"value":"speaker2spans = buildSpans(1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":31,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":30,"value":"alignedWords = buildWordsArray(emesal_json, 2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":52,"value":"md`For \\`test_json\\` I just pasted in the top part of the raw json file that is scraped from reduct.video at https://app.reduct.video/diarized_transcript.json?doc=8f5589898b`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":59,"value":"emesal_json = await FileAttachment(\"Eme-Sal_2.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":27,"value":"trimWords = function(a) {\n a.forEach((word, index) => {\n word.word = word.word.trim();\n });\n return a;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":72,"value":"import { verseTag } from \"@dla/imports\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":71,"value":"verseTag","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":70,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":26,"value":"css = html`\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 30:"$2f:body"