Getting started with adding new sites
For most sites, you should load a site up fully onto an episode page of an anime, with the video ready to be played. To ensure this process isn’t heavily disrupted, an adblocker would be recommended (uBlock Origin/uBlock Origin Lite should suffice). Then you can proceed in any of the following ways:- Option 1: You can use developer tools (F12) to inspect such-page, find elements on the page visually, then use the element selector in devtools to choose an element on the page. In Chromium-based browsers, this selector in devtools looks like this:

It’ll highlight that element in devtools. Right click on that element, “Copy” > “selector” for selector, and “Copy” > “XPath”. Some elements may be hidden from the UI as well (e.g. an anime name) so it may be helpful to search through devtools as well instead of relying on the element selector heavily. You could also use the custom websites element picker functionality, and export that data via Hayami > Custom websites > Info icon > Export to aid this also. - Option 2: Right click (or CTRL+S) > ‘Save as’ and save your current page. You now should have HTML which you can inspect via devtools (open the HTML up in a browser locally), an IDE (e.g. VSCode), or possibly a local LLM/AI agent (i.e. Google AI Studio) to surf-through to grab what your looking for/help pre-fill the JSON using the KomentoScript specification as aid. You could also possibly use SelectorsHub to inspect the HTML as well.
- Option 3: In the event devtools proves difficult (e.g. debugger block), or saving the page proves problematic, use the Anti Anti Debug extension (Chrome, Firefox). Note: Ensure to disable this extension after it’s intended use as it may interfere with other sites.
If this doesn’t suffice (e.g. sporadic redirects/reloads), an older (v101.0a1) patched version of Firefox (thanks to Blatzar) deals with these issues, and shouldn’t yield those messages. Warning - older browser versions may have vulnerabilities and should be run with caution. A mirror purely for development purposes only is saved by Hayami for Windows and Linux. Alternatively, follow Blatzar’s README instructions for modifying & compilation of source instead.
