{"id":3454,"date":"2023-05-11T14:07:29","date_gmt":"2023-05-11T06:07:29","guid":{"rendered":"https:\/\/help.fliphtml5.com\/?post_type=docs&p=3454"},"modified":"2024-03-15T16:10:22","modified_gmt":"2024-03-15T08:10:22","password":"","slug":"play-control-bar-of-the-animation-and-timeline-panel","status":"publish","type":"docs","link":"https:\/\/cms.flippagemaker.com\/ms\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/","title":{"rendered":"Bar Kawalan Main pada Panel Animasi dan Garis Masa"},"content":{"rendered":"

Bar kawalan main digunakan untuk mengawal main balik kesan animasi. Anda boleh menambah kapsyen pada flipbook dan pratonton kesan animasi. Ini boleh mengukuhkan mesej kandungan dengan menyediakan kapsyen masa nyata. Dan membantu pembaca lebih memahami dan mengekalkan maklumat yang dibentangkan dalam flipbook, terutamanya apabila flipbook dibenamkan dengan audio.<\/p>\n\n\n\n

Anda juga boleh pratonton kesan animasi dan skala garis masa. Ini boleh mengedit kesan animasi dengan tepat.<\/p>\n\n\n\n

Seterusnya, mari lihat ciri dalam bar kawalan main.<\/p>\n\n\n\n

1. Kapsyen<\/h2>\n\n\n\n

Kapsyen ialah perihalan teks pendek yang menyediakan maklumat tambahan tentang buku selak.<\/p>\n\n\n\n

(1) Klik [Kapsyen]<\/strong> untuk menambah kapsyen pada kanvas. Klik dua kali pada kapsyen atau klik [Edit Teks]<\/strong> dalam panel sifat untuk mengedit. Dan anda boleh menambah berbilang kapsyen dengan mengklik [+]<\/strong> peluncur kapsyen.<\/p>\n\n\n\n

(2) Anda boleh menyesuaikan kedudukan kapsyen dengan menyeretnya atau memilih [Jajaran Atas]\/[Jajaran Bawah]\/[Jajaran Tengah]<\/strong>.<\/p>\n\n\n\n

(3) Tetapkan fon teks kapsyen, warna, saiz, penjajaran dan gaya lain.<\/p>\n\n\n\n

(4) Tetapkan jarak huruf kapsyen dan jarak baris dengan memasukkan parameter.<\/p>\n\n\n\n

\"kapsyen-1\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

(5) Tetapkan kesan teks seperti bayang-bayang, strok dan warna kecerunan.<\/p>\n\n\n\n

    \n
  • Anda boleh menetapkan warna, kedudukan mengimbangi paksi X\/Y dan kekaburan bayang-bayang teks.<\/li>\n<\/ul>\n\n\n\n
      \n
    • Anda boleh menetapkan warna, saiz dan gaya strok teks.<\/li>\n<\/ul>\n\n\n\n
        \n
      • Anda boleh menyesuaikan warna kecerunan teks.<\/li>\n<\/ul>\n\n\n\n

        <\/p>\n\n\n\n

        \"kapsyen-2\"<\/figure>\n\n\n\n

        <\/p>\n\n\n\n

        (6) Tetapkan latar belakang kapsyen:<\/p>\n\n\n\n

          \n
        • Anda boleh menyesuaikan warna latar belakang, ketelusan, ketinggian, saiz lejang, warna lejang, jenis lejang, lebar kapsyen dan lengkok sudut bulat latar belakang kapsyen. Dan anda juga boleh menyeret latar belakang kapsyen dalam kanvas untuk menyesuaikan lebar.<\/li>\n<\/ul>\n\n\n\n

          <\/p>\n\n\n\n

          \"kapsyen-3\"<\/figure>\n\n\n\n

          <\/p>\n\n\n\n

            \n
          • Anda boleh memilih jenis lejang latar belakang Garis Pepejal, Titik, Garisan Bertitik, Profil Berganda, Profil Alur, Profil Cembung dan Profil Tepi Cembung. Berikut adalah perbandingan Garis Pepejal dan Titik.<\/li>\n<\/ul>\n\n\n\n

            <\/p>\n\n\n\n

            \"kapsyen-4\"<\/figure>\n\n\n\n

            <\/p>\n\n\n\n

              \n
            • Lebar kapsyen boleh ditetapkan kepada keadaan Tetap dan keadaan Responsif. Keadaan Tetap bermakna lebar kapsyen akan kekal pada lebar yang anda laraskan secara manual; semasa mengklik pada keadaan Responsif, lebar kapsyen akan menyesuaikan dengan lebar teks kapsyen.<\/li>\n<\/ul>\n\n\n\n

              <\/p>\n\n\n\n

              \"kapsyen-5\"<\/figure>\n\n\n\n

              <\/p>\n\n\n\n

              (7) Klik semula pada [Kapsyen]<\/strong> butang akan mengalih keluar semua kapsyen pada halaman semasa.<\/p>\n\n\n\n

              \"kapsyen-6\"<\/figure>\n\n\n\n

              <\/p>\n\n\n\n

              2. Bar alat pengurusan Main<\/h2>\n\n\n\n

              Bar alat pengurusan mainan mengandungi butang kawalan mainan dan ciri-cirinya adalah seperti berikut.<\/p>\n\n\n\n

                \n
              • Bermain lagi:<\/strong> Kembali ke permulaan dan mainkan kesan animasi sekali lagi.<\/li>\n<\/ul>\n\n\n\n
                  \n
                • Mulakan:<\/strong> Mula bermain dari kedudukan semasa di mana kepala main berada.<\/li>\n<\/ul>\n\n\n\n
                    \n
                  • Berhenti:<\/strong> Klik untuk berhenti memainkan kesan animasi. Klik dua kali kembali ke permulaan.<\/li>\n<\/ul>\n\n\n\n
                      \n
                    • Pratonton Pengganda:<\/strong> Tetapkan kelajuan pengganda pratonton kesan animasi. Anda boleh memilih kelajuan 0.2, 0.5, 1.0, 1.5 dan 2.0.<\/li>\n<\/ul>\n\n\n\n

                      <\/p>\n\n\n\n

                      \"bar<\/figure>\n\n\n\n

                      <\/p>\n\n\n\n

                      3. Bar alat skala garis masa<\/h2>\n\n\n\n

                      Anda boleh mengawal skala untuk unit masa. Seret pengawal atau klik [Zum keluar]<\/strong> dan [Mengezum masuk]<\/strong> untuk skala garis masa.<\/p>\n\n\n\n

                        \n
                      • Zum keluar:<\/strong> Kecilkan unit masa.<\/li>\n<\/ul>\n\n\n\n
                          \n
                        • Mengezum masuk:<\/strong> Skalakan unit masa.<\/li>\n<\/ul>\n\n\n\n

                          <\/p>\n\n\n\n

                          4. Sembunyikan Garis Masa<\/h2>\n\n\n\n

                          Klik butang untuk menyembunyikan animasi dan panel garis masa.<\/p>\n\n\n\n

                          \"skala<\/figure>\n\n\n\n

                          <\/p>\n\n\n\n

                          Istilah berkaitan artikel:<\/strong>
                          main balik, gelung, zum, skala, garis masa, jeda, sari kata, kapsyen, teks, gaya, masa animasi, main balik berbilang kelajuan, kelajuan, kadar<\/p>","protected":false},"excerpt":{"rendered":"

                          Bar kawalan main digunakan untuk mengawal main balik kesan animasi. Anda boleh menambah kapsyen pada flipbook dan pratonton kesan animasi. Ini boleh mengukuhkan mesej kandungan dengan menyediakan kapsyen masa nyata. Dan membantu pembaca lebih memahami dan mengekalkan maklumat yang dibentangkan dalam flipbook, terutamanya apabila flipbook itu [\u2026]<\/p>","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[83],"doc_tag":[],"class_list":["post-3454","docs","type-docs","status-publish","hentry","doc_category-animation-and-timeline"],"year_month":"2026-04","word_count":494,"total_views":"12730","reactions":{"happy":"1","normal":"0","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/ms\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Animation and Timeline","term_url":"https:\/\/cms.flippagemaker.com\/ms\/docs-category\/animation-and-timeline\/"}],"doc_tag_info":[],"yoast_head":"\nPlay Control Bar of the Animation and Timeline Panel - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"ms_MY\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Play Control Bar of the Animation and Timeline Panel - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"og:description\" content=\"The play control bar is used to control the playback of animation effects. You can add captions to the flipbook and preview the animation effects. This can reinforce the message of the content by providing real-time captions. And helps readers better understand and retain the information presented in the flipbook, especially when the flipbook is […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cms.flippagemaker.com\/ms\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/\" \/>\n<meta property=\"og:site_name\" content=\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-15T08:10:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/caption-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cms.flippagemaker.com\/th\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/th\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/\",\"name\":\"Play Control Bar of the Animation and Timeline Panel - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"isPartOf\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/th\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/th\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/caption-1.png\",\"datePublished\":\"2023-05-11T06:07:29+00:00\",\"dateModified\":\"2024-03-15T08:10:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/th\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/#breadcrumb\"},\"inLanguage\":\"ms-MY\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/th\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ms-MY\",\"@id\":\"https:\/\/cms.flippagemaker.com\/th\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/#primaryimage\",\"url\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/caption-1.png\",\"contentUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/caption-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cms.flippagemaker.com\/th\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cms.flippagemaker.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Play Control Bar of the Animation and Timeline Panel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cms.flippagemaker.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ms-MY\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ms-MY\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"contentUrl\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"width\":154,\"height\":20,\"caption\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Play Control Bar of the Animation and Timeline Panel - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"ms_MY","og_type":"article","og_title":"Play Control Bar of the Animation and Timeline Panel - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","og_description":"The play control bar is used to control the playback of animation effects. You can add captions to the flipbook and preview the animation effects. This can reinforce the message of the content by providing real-time captions. And helps readers better understand and retain the information presented in the flipbook, especially when the flipbook is […]","og_url":"https:\/\/cms.flippagemaker.com\/ms\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/","og_site_name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","article_modified_time":"2024-03-15T08:10:22+00:00","og_image":[{"url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/caption-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cms.flippagemaker.com\/th\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/","url":"https:\/\/cms.flippagemaker.com\/th\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/","name":"Play Control Bar of the Animation and Timeline Panel - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","isPartOf":{"@id":"https:\/\/cms.flippagemaker.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cms.flippagemaker.com\/th\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/#primaryimage"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/th\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/#primaryimage"},"thumbnailUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/caption-1.png","datePublished":"2023-05-11T06:07:29+00:00","dateModified":"2024-03-15T08:10:22+00:00","breadcrumb":{"@id":"https:\/\/cms.flippagemaker.com\/th\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/#breadcrumb"},"inLanguage":"ms-MY","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/th\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/"]}]},{"@type":"ImageObject","inLanguage":"ms-MY","@id":"https:\/\/cms.flippagemaker.com\/th\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/#primaryimage","url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/caption-1.png","contentUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/caption-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/cms.flippagemaker.com\/th\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cms.flippagemaker.com\/"},{"@type":"ListItem","position":2,"name":"Play Control Bar of the Animation and Timeline Panel"}]},{"@type":"WebSite","@id":"https:\/\/cms.flippagemaker.com\/#website","url":"https:\/\/cms.flippagemaker.com\/","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","description":"","publisher":{"@id":"https:\/\/cms.flippagemaker.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cms.flippagemaker.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ms-MY"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"ms-MY","@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/","url":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","contentUrl":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","width":154,"height":20,"caption":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/"}}]}},"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs\/3454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/comments?post=3454"}],"version-history":[{"count":3,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs\/3454\/revisions"}],"predecessor-version":[{"id":6889,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs\/3454\/revisions\/6889"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/media?parent=3454"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/doc_category?post=3454"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/doc_tag?post=3454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}