前提・実現したいこと
元々はPDF上でクリックすると音声を再生させたり、テキストや画像を表示させる仕組みを作っていました。
しかしPDFの編集では限界があり、断念しました。
xmlファイルでクリックすると音声を再生させたり、テキストや画像を表示させるシステムを作っています。
ライトボックスのように出したかったのですが、代わりに画像やPDFがポップアップしても構いません。
xmlファイルは今まで触ったことが無く調べながらやっていますが
ルールが複雑なようでなかなかヒットしません。
ご指導ご鞭撻のほどよろしくお願いいたします。
該当のソースコード
xml
1<page> 2 <hitArea version="4.0.0"> 3 <a> 4 <id>1</id> 5 <_name>link_1</_name> 6 <shape>oval</shape> 7 <_x>255.13</_x> 8 <_y>366.55</_y> 9 <shapeWidth>37</shapeWidth> 10 <shapeHeight>39</shapeHeight> 11 <shapeRotation>0</shapeRotation> 12 <hitColor>0x00ffff</hitColor> 13 <hitAlpha>20</hitAlpha> 14 <roColor>0xff0000</roColor> 15 <roAlpha>20</roAlpha> 16 <activeFill>true</activeFill> 17 <activeLine>false</activeLine> 18 <activeRoFill>true</activeRoFill> 19 <activeRoLine>false</activeRoLine> 20 <lineColor>0x00ffff</lineColor> 21 <lineAlpha>20</lineAlpha> 22 <lineThickness>1</lineThickness> 23 <roLineColor>0xff0000</roLineColor> 24 <roLineAlpha>20</roLineAlpha> 25 <roLineThickness>1</roLineThickness> 26 <useHandCursor>true</useHandCursor> 27 <linkTarget>mp3</linkTarget> 28 <linkUrl>4_20210426092513_0522/4_20210426092513_0522.mp3</linkUrl> 29 <linkUrlLabel>goal.mp3</linkUrlLabel> 30 <linkTargetContentID>40</linkTargetContentID> 31 <body>もう少しでゴールです</body> 32 <key/> 33 </a> 34 <a> 35 <id>2</id> 36 <_name>link_2</_name> 37 <shape>oval</shape> 38 <_x>144.63</_x> 39 <_y>236.55</_y> 40 <shapeWidth>35</shapeWidth> 41 <shapeHeight>37</shapeHeight> 42 <shapeRotation>0</shapeRotation> 43 <hitColor>0x00ffff</hitColor> 44 <hitAlpha>20</hitAlpha> 45 <roColor>0xff0000</roColor> 46 <roAlpha>20</roAlpha> 47 <activeFill>true</activeFill> 48 <activeLine>false</activeLine> 49 <activeRoFill>true</activeRoFill> 50 <activeRoLine>false</activeRoLine> 51 <lineColor>0x00ffff</lineColor> 52 <lineAlpha>20</lineAlpha> 53 <lineThickness>1</lineThickness> 54 <roLineColor>0xff0000</roLineColor> 55 <roLineAlpha>20</roLineAlpha> 56 <roLineThickness>1</roLineThickness> 57 <useHandCursor>true</useHandCursor> 58 <linkTarget>mp3</linkTarget> 59 <linkUrl>4_20210426092512_0922/4_20210426092512_0922.mp3</linkUrl> 60 <linkUrlLabel>calorie.mp3</linkUrlLabel> 61 <linkTargetContentID>39</linkTargetContentID> 62 <body>ファイトです</body> 63 <key/> 64 </a> 65 <a> 66 <id>3</id> 67 <_name>link_3</_name> 68 <shape>oval</shape> 69 <_x>598.23</_x> 70 <_y>242.75</_y> 71 <shapeWidth>33</shapeWidth> 72 <shapeHeight>34.5</shapeHeight> 73 <shapeRotation>0</shapeRotation> 74 <hitColor>0x00ffff</hitColor> 75 <hitAlpha>20</hitAlpha> 76 <roColor>0xff0000</roColor> 77 <roAlpha>20</roAlpha> 78 <activeFill>true</activeFill> 79 <activeLine>false</activeLine> 80 <activeRoFill>true</activeRoFill> 81 <activeRoLine>false</activeRoLine> 82 <lineColor>0x00ffff</lineColor> 83 <lineAlpha>20</lineAlpha> 84 <lineThickness>1</lineThickness> 85 <roLineColor>0xff0000</roLineColor> 86 <roLineAlpha>20</roLineAlpha> 87 <roLineThickness>1</roLineThickness> 88 <useHandCursor>true</useHandCursor> 89 <linkTarget>_blank</linkTarget> 90 <linkUrl>4_20210426105356_0918/4_20210426105356_0918.jpg</linkUrl> 91 <linkUrlLabel>1</linkUrlLabel> 92 <linkTargetContentID/> 93 <body/> 94 <key/> 95 </a> 96 </hitArea> 97</page>
試したこと
音声再生は上手くいきました。
<body>にテキストを入れることで表示できますが、スマホでは表示できません。 音声ファイルと同じようにフォルダを作り、リンクを張りましたが 上手く機能しません。あなたの回答
tips
プレビュー