老海盗TVYouTube英語blog: 剪映关键帧处理/只能处理主轴图片/只有放大或缩小

关键帧处理
关键帧处理工具

注意：前关键帧缩放倍数在后面，这个代码是后加的没我不会改到前面。输入100意思是100%大小/文件是指剪映草稿文件
代码如下
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关键帧处理</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            padding: 20px;
        }
        input[type="file"], input[type="number"] {
            margin-bottom: 10px;
        }
        #downloadLink {
            display: none;
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <h1>关键帧处理工具</h1>
    <input type="file" id="fileInput" accept=".json" required>
    <input type="number" id="scaleInput" placeholder="缩放倍数" required>

    <input type="number" id="qscaleInput" placeholder="q缩放倍数" required>

    <button id="processButton">处理文件</button>
    <a id="downloadLink" href="#">下载修改后的文件</a>

    <script>
        document.getElementById('processButton').addEventListener('click', function() {
            const fileInput = document.getElementById('fileInput');

            const scaleInput = document.getElementById('scaleInput');
            const qscaleInput = document.getElementById('qscaleInput');

            const downloadLink = document.getElementById('downloadLink');

            if (fileInput.files.length === 0) {
                alert('请上传一个 JSON 文件');
                return;
            }

            const file = fileInput.files[0];

            const scaleValue = parseFloat(scaleInput.value) * 0.01; // 转换为小数
const qscaleValue = parseFloat(qscaleInput.value) * 0.01; // 转换为小数

            const reader = new FileReader();
            reader.onload = function(event) {
                try {
                    const jsonContent = JSON.parse(event.target.result);

                    // 处理关键帧
                    jsonContent.tracks[0].segments.forEach(segment => {
                        if (!segment.common_keyframes || segment.common_keyframes.length < 1) {
                            const duration = segment.target_timerange.duration;

                            const keyframeData = {
                                id: generateUUID(),
                                keyframe_list: [
                                    {
                                        curveType: 'Line',
                                        graphID: '',
                                        id: generateUUID(),
                                        left_control: {x: 0.0, y: 0.0},
                                        right_control: {x: 0.0, y: 0.0},
                                        time_offset: 0,
                                        values: [qscaleValue]
                                    },
                                    {
                                        curveType: 'Line',
                                        graphID: '',
                                        id: generateUUID(),
                                        left_control: {x: 0.0, y: 0.0},
                                        right_control: {x: 0.0, y: 0.0},
                                        time_offset: duration,
                                        values: [scaleValue]
                                    }
                                ],
                                material_id: '',
                                property_type: 'KFTypeScaleX'
                            };

                            segment.common_keyframes = [keyframeData];
                            segment.clip = {
                                alpha: 1.0,
                                flip: {horizontal: false, vertical: false},
                                rotation: 0.0,
                                scale: {x: 1.0, y: 1.0},
                                transform: {x: 0.0, y: 0.0}
                            };
                        }
                    });

                    // 保存修改后的 JSON
                    const modifiedJson = JSON.stringify(jsonContent, null, 4);
                    const blob = new Blob([modifiedJson], { type: 'application/json' });
                    const url = URL.createObjectURL(blob);
                    downloadLink.href = url;
                    downloadLink.download = 'modified_draft_content.json';
                    downloadLink.style.display = 'inline';
                    downloadLink.textContent = '下载修改后的文件';
                } catch (error) {
                    alert('处理文件时出错: ' + error.message);
                }
            };

            reader.readAsText(file);
        });

        // 生成 UUID
        function generateUUID() {
            return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
                const r = Math.random() * 16 | 0;
                const v = c === 'x' ? r : (r & 0x3 | 0x8);
                return v.toString(16);
            });
        }
    </script>
</body>
</html>
老海盗TVYouTube英語blog

剪映关键帧处理/只能处理主轴图片/只有放大或缩小

关键帧处理工具

2 則留言:

按浏览量排名

Labels标签

檢舉濫用情形
