> If UXP won't yet work, then PProPanel is the right starting point.
Are there any other newer samples available, the PPRO panel is supported well till v23.0.
I also found the code complex to understand. It's large for a starter panel.
> What prevents you from setting breakpoints, and debugging it?
This the code I have been trying to run
// main.js
const cs = new CSInterface();
function loadJSX() {
const jsxPath = cs.getSystemPath(SystemPath.EXTENSION) + "/jsx/interface.jsx";
console.log("Loading JSX from:", jsxPath);
cs.evalScript(`$.evalFile("${jsxPath.replace(/\\/g, '\\\\')}")`);
}
document.addEventListener("DOMContentLoaded", () => {
loadJSX();
// Show alert
document.getElementById("alertBtn").addEventListener("click", () => {
cs.evalScript("showAlert()");
});
// Razor at timecodes
document.getElementById("razorBtn").addEventListener("click", () => {
// Timecodes in seconds
const timecodes = [1.0, 2.5, 4.0];
const timecodeString = JSON.stringify(timecodes);
cs.evalScript(`razorAtTimecodes(${timecodeString})`, (result) => {
document.getElementById("result").textContent = result;
});
});
});
// interface.jsx
function razorAtTimecodes(timecodes) {
var sequence = app.project.activeSequence;
if (!sequence) {
return "No active sequence.";
}
var frameRate = sequence.getSettings().videoFrameRate;
for (var i = 0; i < timecodes.length; i++) {
var seconds = timecodes[i];
var t = new Time();
t.seconds = seconds;
var videoTrack = sequence.videoTracks[0];
if (videoTrack) {
videoTrack.razor(t.ticks);
}
}
return "Razor complete.";
}
function showAlert() {
alert("Hello from ExtendScript!");
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CEP Starter</title>
<link rel="stylesheet" href="style.css">
<script src="js/CSInterface.js"></script>
<script src="main.js" defer></script>
</head>
<body>
<div class="container">
<h2>Alert Demo</h2>
<button id="alertBtn">Trigger JSX Alert</button>
<button id="razorBtn">Razor Sequence</button>
</div>
</body>
</html>
I downloaded the CSInterface from here
1 Correct answer
17
Replies
AdChoices
