{"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\/sv\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/","title":{"rendered":"Spela kontrollf\u00e4ltet i panelen Animation och Timeline"},"content":{"rendered":"

Spelkontrollf\u00e4ltet anv\u00e4nds f\u00f6r att styra uppspelningen av animationseffekter. Du kan l\u00e4gga till bildtexter i bl\u00e4dderboken och f\u00f6rhandsgranska animeringseffekterna. Detta kan f\u00f6rst\u00e4rka inneh\u00e5llets budskap genom att tillhandah\u00e5lla bildtexter i realtid. Och hj\u00e4lper l\u00e4sarna att b\u00e4ttre f\u00f6rst\u00e5 och beh\u00e5lla informationen som presenteras i bl\u00e4dderboken, s\u00e4rskilt n\u00e4r bl\u00e4dderboken \u00e4r inb\u00e4ddad med ljud.<\/p>\n\n\n\n

Du kan ocks\u00e5 f\u00f6rhandsgranska animeringseffekterna och skala tidslinjen. Detta kan redigera animationseffekterna exakt.<\/p>\n\n\n\n

L\u00e5t oss sedan se funktionerna i spelkontrollf\u00e4ltet.<\/p>\n\n\n\n

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

En bildtext \u00e4r en kort textbeskrivning som ger ytterligare information om bl\u00e4dderboken.<\/p>\n\n\n\n

(1) Klicka [Rubrik]<\/strong> f\u00f6r att l\u00e4gga till bildtexten p\u00e5 arbetsytan. Dubbelklicka p\u00e5 bildtexten eller klicka [Redigera text]<\/strong> i egenskapspanelen f\u00f6r att redigera. Och du kan l\u00e4gga till flera bildtexter genom att klicka p\u00e5 [+]<\/strong> reglage f\u00f6r bildtext.<\/p>\n\n\n\n

(2) Du kan anpassa bildtextens position genom att dra den eller v\u00e4lja [Toppjustera]\/[Bottom Align]\/[Center Align]<\/strong>.<\/p>\n\n\n\n

(3) St\u00e4ll in bildtextens teckensnitt, f\u00e4rg, storlek, justering och andra stilar.<\/p>\n\n\n\n

(4) St\u00e4ll in bildtextavst\u00e5nd och radavst\u00e5nd genom att mata in parametrar.<\/p>\n\n\n\n

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

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

(5) St\u00e4ll in texteffekten som skugga, streck och gradientf\u00e4rg.<\/p>\n\n\n\n

    \n
  • Du kan st\u00e4lla in f\u00e4rgen, X\/Y-axelns offsetposition och osk\u00e4rpa f\u00f6r textskuggorna.<\/li>\n<\/ul>\n\n\n\n
      \n
    • Du kan st\u00e4lla in textlinjens f\u00e4rg, storlek och stil.<\/li>\n<\/ul>\n\n\n\n
        \n
      • Du kan anpassa textgradientf\u00e4rgen.<\/li>\n<\/ul>\n\n\n\n

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

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

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

        (6) St\u00e4ll in bildtextens bakgrund:<\/p>\n\n\n\n

          \n
        • Du kan anpassa bakgrundsf\u00e4rgen, genomskinligheten, h\u00f6jden, linjens storlek, linjens f\u00e4rg, linjens typ, bildtextens bredd och den runda h\u00f6rnb\u00e5gen p\u00e5 bildtextbakgrunden. Och du kan ocks\u00e5 dra bildtextens bakgrund p\u00e5 duken f\u00f6r att anpassa bredden.<\/li>\n<\/ul>\n\n\n\n

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

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

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

            \n
          • Du kan v\u00e4lja bakgrundslinjetyp f\u00f6r heldragen linje, prick, prickad linje, dubbel profil, sp\u00e5rprofil, konvex profil och konvex kantprofil. F\u00f6ljande \u00e4r j\u00e4mf\u00f6relser av heldragen linje och prick.<\/li>\n<\/ul>\n\n\n\n

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

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

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

              \n
            • Bildtextens bredd kan st\u00e4llas in till Fixed state och Responsive state. Det fasta tillst\u00e5ndet betyder att bildtextens bredd f\u00f6rblir vid den bredd du justerar manuellt; medan du klickar p\u00e5 responsivt l\u00e4ge, anpassas bildtextens bredd till bredden p\u00e5 bildtexten.<\/li>\n<\/ul>\n\n\n\n

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

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

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

              (7) Klicka igen p\u00e5 [Rubrik]<\/strong> knappen tar bort alla bildtexter p\u00e5 den aktuella sidan.<\/p>\n\n\n\n

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

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

              2. Verktygsf\u00e4lt f\u00f6r spelhantering<\/h2>\n\n\n\n

              Verktygsf\u00e4ltet f\u00f6r spelhantering inneh\u00e5ller spelkontrollknappar och deras funktioner \u00e4r f\u00f6ljande.<\/p>\n\n\n\n

                \n
              • Spela igen:<\/strong> Tillbaka till b\u00f6rjan och spela upp animationseffekterna en g\u00e5ng till.<\/li>\n<\/ul>\n\n\n\n
                  \n
                • Start:<\/strong> B\u00f6rja spela fr\u00e5n den aktuella positionen d\u00e4r spelhuvudet \u00e4r placerat.<\/li>\n<\/ul>\n\n\n\n
                    \n
                  • Sluta:<\/strong> Klicka f\u00f6r att sluta spela animationseffekter. Dubbelklicka tillbaka till b\u00f6rjan.<\/li>\n<\/ul>\n\n\n\n
                      \n
                    • Multiplikatorf\u00f6rhandsgranskning:<\/strong> St\u00e4ll in multiplikatorhastigheten f\u00f6r f\u00f6rhandsgranskning av animeringseffekterna. Du kan v\u00e4lja hastigheter 0,2, 0,5, 1,0, 1,5 och 2,0.<\/li>\n<\/ul>\n\n\n\n

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

                      \"verktygsf\u00e4lt<\/figure>\n\n\n\n

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

                      3. Verktygsf\u00e4lt f\u00f6r tidslinjeskala<\/h2>\n\n\n\n

                      Du kan styra skalan f\u00f6r tidsenheterna. Dra kontrollen eller klicka [Zooma ut]<\/strong> och [Zooma in]<\/strong> f\u00f6r att skala tidslinjen.<\/p>\n\n\n\n

                        \n
                      • Zooma ut:<\/strong> Skala ner tidsenheterna.<\/li>\n<\/ul>\n\n\n\n
                          \n
                        • Zooma in:<\/strong> Skala upp tidsenheterna.<\/li>\n<\/ul>\n\n\n\n

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

                          4. G\u00f6m tidslinjen<\/h2>\n\n\n\n

                          Klicka p\u00e5 knappen f\u00f6r att d\u00f6lja animations- och tidslinjepanelen.<\/p>\n\n\n\n

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

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

                          Artikelrelaterade termer:<\/strong>
                          uppspelning, looping, zoom, skala, tidslinje, paus, undertexter, bildtext, text, stil, animeringstid, uppspelning i flera hastigheter, hastighet, hastighet<\/p>","protected":false},"excerpt":{"rendered":"

                          Uppspelningskontrollf\u00e4ltet anv\u00e4nds f\u00f6r att styra uppspelningen av animationseffekter. Du kan l\u00e4gga till bildtexter i bl\u00e4dderboken och f\u00f6rhandsgranska animationseffekterna. Detta kan f\u00f6rst\u00e4rka inneh\u00e5llets budskap genom att tillhandah\u00e5lla bildtexter i realtid. Och hj\u00e4lper l\u00e4sarna att b\u00e4ttre f\u00f6rst\u00e5 och beh\u00e5lla informationen som presenteras i bl\u00e4dderboken, s\u00e4rskilt n\u00e4r bl\u00e4dderboken \u00e4r [\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":"12743","reactions":{"happy":"1","normal":"0","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/sv\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Animation and Timeline","term_url":"https:\/\/cms.flippagemaker.com\/sv\/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=\"sv_SE\" \/>\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\/sv\/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=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minuter\" \/>\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\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/th\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@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\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@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":"sv_SE","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\/sv\/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":{"Ber\u00e4knad l\u00e4stid":"5 minuter"},"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":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/th\/docs\/play-control-bar-of-the-animation-and-timeline-panel\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@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":"sv-SE"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@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\/sv\/wp-json\/wp\/v2\/docs\/3454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/comments?post=3454"}],"version-history":[{"count":3,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/docs\/3454\/revisions"}],"predecessor-version":[{"id":6889,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/docs\/3454\/revisions\/6889"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/media?parent=3454"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/doc_category?post=3454"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/doc_tag?post=3454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}